Keeping Div with Lottie playing within it centered on screen while scrolling

Greetings.
So I’ve tried fixed and sticky but it turns off the animation.

This is what i’m trying to do.
I created a very tall div.
Inside that div is a smaller div that has a lottie animation that needs to play frames as you scroll, but basically the div containing the animation needs to stay in the same place as you scroll down on the page and the lottie needs to sequentially move through frames as you scroll.

Both sticky and fixed settings turn off the animation.

Any help greatly appreciated.


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