Trippy Scrolling Parallax for Squarespace

Site URL: https://yelvy.com/

Hi guys, 

I found this cool site: https://yelvy.com/ and I love how the images seems to stretch out and give the effect of multiple images stacking ontop of one another for a moment as you scroll. I've been trying on my own to figure out how to do this is Squarespace. Is it possible?

The site seems to be using "scroller-wrapper." Does anyone know some CSS I could use to mimic this exaggerated effect on some product images I have on my site? I have tried playing around with 'transfrom:translate3d' and searching parallax injections but I'm still pretty new to CSS and any feedback/ideas would be appreciated!  

Some code from the website:

<div class="scroller-wrapper" scrollbar="" data-scrollbar="" tabindex="1" style="overflow: hidden;outline: none;">
        <article class="scroll-content" style="transform: translate3d(0px, -656px, 0px);">

Thank you,

zz