Responsive full screen Lottie animation (keep Aspect Ratio)

Hey fellow Webflowers!

I’m facing a slight issue with this approach. My setup is a bit different, as I’m using sections, containers and scroll animations instead of div blocks and playing an animation. My Lottie animation maintains responsiveness at 1439px and below, but I start seeing a border at 1440px and above.

When I use the approach provided by David, it fixes the issue for 1440px and above, but then desktop and below lose responsiveness and the Lottie animation keeps the size from 1440px and above.

Could anyone assist me with this? I’d really appreciate the help!

Here’s a read-only link to a dummy site that mirrors the original site’s setup:

https://preview.webflow.com/preview/test-site-b91017?utm_medium=preview_link&utm_source=designer&utm_content=test-site-b91017&preview=2e5ed3db0d95778b9008685530b923a3&workflow=preview

Please note that I have already added the custom data preserve aspect ratio attribute and added the resize code on the test site.

Hope to hear from you all soon! :blush: