How to create a parallax effect on product pages?

Store Design
1

Can someone help me create a parallax effect on the right side of my product pages? In essence, I want the image of the product on the left to stay still while I scroll the description on the right. There is an example here on another site: https://pierrejeanty.com/collections/best-selling-books/products/ashes-of-her-love

2

Hi @bhjmom , could you share your store URL?

3

My store is store.rachelhannaauthor.com.

4

Hi there,

Please go to Sale channels > Online store > Themes > Edit code > Assets > open base.css and add this code at the bottom of file

@media screen and (min-width: 990px) {
.grid__item.product__media-wrapper {
position: sticky;
top: 0px;
height: fit-content;
}
}