Lottie file isnt sticky within the section on mobile, please help!

Design help General
1

https://preview.webflow.com/preview/vlexqube?utm_medium=preview_link&utm_source=designer&utm_content=vlexqube&preview=632e53ef96d2ccbd93d126b92df8bf16&workflow=preview

Hey Guys. I got this website where my Lottie is sticky on desktop but some how it’s not sticky on mobile. I want the text to scroll underneath the Lottie file and the Lottie file has to be sticky but it’s not working on mobile for me. Maybe you can tell me what im doing wrong.
The Lottie should be staying there and the text blocks within the section should scroll underneath the Lottie file.

The Section name ist: lottie animation sec mobile

Here is my site Read-Only: LINK
([how to share your site Read-Only link][2])

2

Hi there,

While Lottie animations in Webflow can be configured with various scroll behaviors, sticky animations on mobile devices may require special consideration. Here are some general tips for optimizing sticky Lottie animations:

For sticky behavior, ensure your animation container has position: sticky set in the style panel, along with appropriate top/bottom offset values. You’ll also need to set a specific height for the parent container to allow proper scrolling behavior.

You can learn more about implementing and configuring Lottie animations in Webflow through our After Effects and Lottie in Webflow course.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.