Stuck product image while scroll

[Digital_Imran]

Hello everyone, I need help with my product page. When I scroll through the page, the description is quite lengthy, which creates a lot of white space. I’ve attached a screenshot for reference. Is it possible to make the product image stay fixed (sticky) until I reach the 'You may also like' section? Thanks in advance 🙂
My store URL: myperfectwear.com
Example store : https://threadheads.com/products/christmizzle-oversized-tee Yu can see if you open text image stuck until you reach the bottom

[DaisyVo · Accepted solution]

HI @Digital_Imran 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

.product {
    position: relative !important;
}
.product > product-gallery.product-gallery {
    position: sticky;
    top: 100px;
}

Here is the result: 

https://img001.prntscr.com/file/img001/tYaNlcjLTb6h7MQ4L9v9Qg.png

I hope this helps

Best,

Daisy

[Digital_Imran]

Thank you so much @DaisyVo It works 🙂