Unwanted whitespace showing up at the bottom of a page after animation?

Hi there!

After quite a bit of struggling, I’ve recreated an animation for a custom preloader a friend did in Adobe XD using Webflow. It is exactly as we want it, except there is a 100vh sized whitespace at the bottom of the page now because of my interaction moving upward on the screen.

I have tried everything to make it crop out after the page is loaded, including overflow: hidden on the body, and all of the other elements before the page loader.

If anyone has any advice, I’d be so grateful! I’m fairly new to Webflow still, so apologies if this has been answered, but I did my best to research and found some similar questions but overflow:hidden did the trick for them and that has not been successful for me.

Thank you in advance!


Here is my public share link: https://nikkis-supercool-project-db0add.webflow.io/

Here is my read-only link: https://preview.webflow.com/preview/nikkis-supercool-project-db0add?utm_medium=preview_link&utm_source=designer&utm_content=nikkis-supercool-project-db0add&preview=a4813b6ff05c1b2578d3f645956b6dea&mode=preview