How to set play-on-show on lottie file in WEBFLOW

Hello, i have problem bcs my lottie animation play when i load a website but it is on second section and reveal after scroll there but is already played before and just show like normal element.

I try to use <lottie-interactive path="lotie-animation.json" interaction="play-on-show"></lottie-interactive>

but that doesnt see my file anyway.

How to set that to play animation after show animation?