Lottie Section gap at the bottom

Hi, I am working on a site on which a Lottie is being used. The help I need is since the Lottie needs a trigger I have used a separate section for it within which the div containing the Lottie is sticky. However, this creates an empty space under the Lottie where the next section basically waits till the lotties section has fully scrolled up and then scrolls into view. The solution I am looking for is that the content that flows after the Lottie finishes playing to be waiting right below the Lottie and scroll as usual after the Lottie is done running. I’ve been at it for quite a bit but am not able to figure it out. Kindly let me know if any of you can solve the issue. thank you co much.

Here is my public share link: Webflow - Copy of Mule Studio

(how to access public share link)