I created a Lottie animation, which animates on scroll in my website. In this Lottie’s settings, I’ve switched the render settings 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 always has a white border. I’ve tried to fix this using both Webflow and custom code to no avail.
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