Interactions not displaying as transparent on load/refresh

I’ve been trying hard to get some opacity-related interactions to work while page is scrolling and they kinda do. Only trouble is, after loading or refreshing the page, the start out as opaque instead of transparent for a second. In the screencast you can see the sticky navbar and the bottom arrow behave in this manner (also the text font, by the way). I’m at a loss here as this seems really counter-intuitive for such a seemingly straight-forward feature :neutral_face:

Screencast:
https://www.useloom.com/share/3fb2c2bb067248c2bc5355b6fbbc7258

Website: https://kanzlei-waldraff-und-kollegen.webflow.io/

Share link: Webflow - Kanzlei Waldraff & Kollegen