Video fade on scroll not working

Hi, I have created a website with 4 sections each section with a different background.
The backgrounds should fade as the user scrolls through each section… The animation seems to work fine except for where I inserted the background video - any tips?
I created this interaction by following this tutorial by pixelgeek.

Here is my public share link: LINK
(how to access public share link)

Hi @Anon-drop,

Welcome to the Webflow forum! To be able to look into this further, could you please provide us with a Read-only link to your website?

Thank you!