I’m not able to share my client’s site currently but the issue is rather straight forward.
When working with Lotties, the two available render modes scale differently.
SVG adheres to the original proportions of the Lottie and the layout settings in the designer.
Canvas, however, will awkwardly scale the Lottie and ignore the layout settings in the designer to make it unusable. It looks like additional padding is added to the original Lottie when switching to the Canvas rendering mode.
Why use Canvas? Well, SVG flickers with image-based Lotties.
Using custom DIV settings “data-preserve-aspect-ratio” does not work.
While different, a similar question was discussed in this thread:
The goal is to get the same layout functionality for a Lottie using the Canvas render mode as when it is in SVG render mode.
Thank you,
Martin
Here is my site Read-Only: LINK
(how to share your site Read-Only link)