Simple Element Interaction on scroll

Hi there

I need help with a scroll interaction on my homepage.

What I want is this in the section with the heading “Why to use Tochat”:
So I want two divs next to each other with a smooth scrolling interaction: 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%).

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:

Maybe someone can help?

Here is my public share link: Webflow - Vetterli Roth & Partners