All Lottie Animations run at once when a page gets open

Hi
I’m using @lottiefiles/react-lottie-player package for React, in my homepage I have about 14 unique Lottie Files, the problem is when someone opens the site in a browser, the browser forces your computer CPU and takes a lot of RAM. I have used Elementor, in Elementor you have Viewport option, which makes the animation only be played you it’s visible for the user. It’s been days I’m searching to find an option to do me the same thing in for React Package, But I haven’t got anything.
My question is, is there any way to make this possible? Or is there any different package that have this option?
Thanks.