Animate out-of-view interaction creating unwanted side space

Design help Animations & Interactions
1

I’ve animated the landing page text to move out of view when you start scrolling down, yet it’s creating this major side space to the right.

I’ve tried “display none” in the interaction and “hide overflow” but can’t seem to get it right.

Anyone know how to go about this?

https://preview.webflow.com/preview/sain-ful?preview=d7ca1a11b7b56119658c84c59252786e

Thank you!

2

In order not to take account of the extra room generated by an element that’s going out of or spreading out of its container, you can give the container the overflow:hidden property

http://vincent.polenordstudio.fr/snap/opvpy.jpg

3

thanks a ton @vincent !!