Help please! Content transformation on scroll (different directions for each div)

Hi there

I’m completely new to Webflow but I already love it.

I am setting up a new site based on a template i bought.
On the homepage in the section below the hero section, I want two divs next to each other with the following animation while scrolling: in the left div, the content should scroll down (from picture to text; value on the y-axis goes from 0 to -100%) while in the right div, the opposite should happen: scroll up (from text to picture; value on the y-axis goes from -100% to 0%).

This is where I saw it and I tried to do the same: https://tochat-th.webflow.io/

Now I ended up here but I don’t really understand what to change/adapt to have it run smoothly like in the example above: https://vetterli-roth-partners.webflow.io/

Maybe someone can help?