How does this animation work?

I’ve been trying to do this kind of video scroll animation for more than a week now: https://fba-seller-academy.de/

I put the current state of my animation into a basic page and this it what it looks like:

Sharelink:
https://preview.webflow.com/preview/blank-video-animation?utm_source=blank-video-animation&preview=c7ff6fe20f3a3747e2ebb632bac7f224

The main problem is that it does not stay exactly at one point and it is shaking on scroll. Does anyone have a simple and clean solutoin for my problem?

This is how it looks linke on the frontend:
http://blank-video-animation.webflow.io/

Why don’t you just make the video fixed position and tell it to show/hide on scroll with an offset?

Can you please show me how to do it?

First make it position:fixed and position it where you want it on the page. I can’t find the video in your project so do that first.

Essentially then you can replicate this but opposite. Show & Hide Navbar on Scroll - Webflow interactions and animations tutorial - YouTube

Or at least it will get you close. How familiar are you with interactions?