Why does this behave differently on mobile?

Hi all,

I’ve created a “stencil” reveal of our company logo over a background video that then leaves our logo over the top as you scroll down. It works exactly as I want it to on desktop, however it behaves totally differently on mobile and I’ve no idea why.

To clarify I am testing it on chrome desktop and chrome for iOS. scaling down the page to mobile size on desktop appears to still preserve the expected functionality.

Here’s the link to the work in progress site: https://rl-new-site.webflow.io/

And a webflow read-only link: Webflow - RL new site

Any help is much appreciated.