I created a Lottie animation, which animates on scroll in my website. In the Lottie’s settings, I’ve switched the render to “Canvas”, instead of using the default “SVG” (this prevents flickering in Firefox browsers).
With the “SVG” render setting, the Lottie fills the parent div, however, with the “Canvas” render setting, the animation frame shrinks, always has a white border. I’ve tried to fix this using both Webflow and custom code without any luck.
Does anyone know how to make this Lottie completely fill the parent div (eg, in the same way that " background-size:cover" would work in CSS)? Many thanks for any advice!
Live Site: https://bridger-beta1.webflow.io/
Here is my site Read-Only: https://preview.webflow.com/preview/bridger-beta1?utm_medium=preview_link&utm_source=designer&utm_content=bridger-beta1&preview=00605746b580a9051e6db258748c3874&mode=preview