How does this animation work?

I’ve been trying to do this kind of video scroll animation for more than a week now:

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


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:

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.

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