Split Scrolling - Fix Needed - Webflow Interactions adds top position to div in live site

Hey there, hoping someone can help.

I’m building a site for a client, and after Squarespace couldn’t handle their requirements, I found myself building in Webflow.

I’m brand-new and there’s probably loads of best practice things I’ve missed, but I’ve achieved a split scrolling column layout where the left column scrolls up and the right column scrolls down, I did this with page scroll interactions, animating the right hand column.

Previewing in the editor looks fine, but viewing the live site adds a top to the right column of ~7000px, which means although the interaction is working, it is out of view.

What’s going on here? Can anyone help fix?


Here is my public share link: Click here.

Live Site: Click here.