How can I achieve a scroll behavior where certain parts of Lottie animation play only when an element scroll into view?

I want to replicate this scroll interaction of “How it works” section from this website Magic Links for marketing | Stytch

I want to play a certain number of seconds of a Lottie animation once the first point crosses the 25% offset. Same for the rest of the points. I tried using Interactions but couldn’t achieve the exact scroll behavior.

I didn’t see any interactions within your share link.

But that should be easy, you mentioned offset, did you try the built-in interactions offset setting?

That should give you what you need.

Hey Chris, I’ve updated the query with an image.
I’ve added 3 separate interactions to the sample content.