Make Lottie animation only show in sections 6-9

Design help Animations & Interactions
1

Hi All,

So my lottie animation is meant to only show after clicked on a textbox and scrolled to a position that is viewable.
However the following issues happen… 1. The animation seems to start from changing positions despite being keyframed in the animation from a set pos, it changes.

  1. there will be flashes of the lottie images in preview when i click the textbox with the size extend keyframes on. i feel like this may be due to a bad setup.

https://preview.webflow.com/preview/pbsigroup?utm_medium=preview_link&utm_source=designer&utm_content=pbsigroup&preview=8388ca069399ccfeebb84275a77e7f58&pageId=5fa3eda41531c305fa42891c&mode=preview

id appreciate any help you guys can give here.

Best,

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