Content for scroll animation present before animation should begin

Hi!

Looking for some help with a glitch happening with a scroll animation I’ve created. The animation is designed so that as you scroll, pieces of content appear one by one on either side of the screen. However, for some reason the right side content is present on the first scroll, only to erase when you scroll past the animation’s starting point.


^This is what it looks like on first scroll, but none of the right side content should be visible yet


^This is the point at which the animation actually begins

Wondering if anyone can help me figure this out?


Here is my public share link: https://preview.webflow.com/preview/as-project?utm_medium=preview_link&utm_source=designer&utm_content=as-project&preview=4f131ddab64af181f6a1213a3302c3e5&workflow=preview