Lottie animation issue in horizontal scroll

Hello everyone,

I’m creating a horizontal-scrolling website. I used the tutorial on Webflow University to do so. I’m now trying to add a Lottie animation, and I’m having issues.

I have a version of the website in a vertical orientation for design purposes, and the Lottie animation works no problem. When I plug it into my horizontal template, the animation no longer works. It’s stuck on a single still. I believe it has something to do with the Lottie Animation not recognizing the transformation in the Y direction (even though the track is still working in the Y axis?). Is there a workaround for this? I have no experience in coding, and I don’t even know if it’s possible to solve with custom code. Does anyone know if this is possible to fix and how?

The animation I’m referring to is in the 2nd section of content

Vertical Site for reference

Horizontal site: https://treedeep-prototype.webflow.io/

Hi, I’m currently facing the same issue. Curious if you ever verified your theory about Lottie’s not being triggered on the x-axis or if you found a solution.