Pin and play a Lottie animation

Hi,

I'm trying to pin and play a Lottie animation time as soon as the full Lottie-element is visible in the viewport. I'm using . When the animation is finished, I'd like to be able to scroll down the website further.

I use Gutenberg as my editor and put the lottie file inside a container and a trigger group.

Each of them have separate classes that I use in motion.page.

After setting up the animation in motion page, I won't see any Lottie-element any more.
I tried implementing the Lottie via Lottie Player, Lottie Files and by html code.

My current timeline is this one: https://www.dropbox.com/t/lAcm66TrdLxxWmNA

After spending 2 days, I'm out of ideas.

I appreciate any help! Thank you

Roman