I am trying to make the hero section layout of this Shopify Theme for my Webflow site: https://cuber-theme.myshopify.com
The hero is divided in two parts, the left side is scrollable while the right side is showing images.
When the left side is scrolled, the right side follow an inverted behavior, revealing the next image from the top with some sort of slitted display.
Here are some screens from the template preview page to understand the behavior:
Scroll Started: left goes upward, right goes downward
I love this behavior but can’t figure how to make it in Webflow. I assume there is layout trick (layers ?, position ?, etc.) and maybe some interaction (while scrolling ?).
I would really appreciate your help on this topic since it’s key in my project.