Centering a div with a scrollin interaction lottie animation within it

On face value I know the answer will be “Use Sticky” but that shuts off the animation, I want a div to stay in the center of the screen while there is a lottie animation within it playing sequentially as the viewer scrolls down.

So there’s a very tall div with a smaller div within it that is centered while you scroll down, as you scroll the Lottie animation plays within the smaller div.

I’ve tried moving the div using an animation interaction so as you scroll it moves down an equal amount but it does not work.
Any ideas here?
Much appreciated, I’m really stuck

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