Lottie Rendered as Canvas not appearing on preview

Hi, I am working on a website prototype in which I want to include an scroll animation that will reproduce a lottie image sequence. I have faced some issues, when I render the lottie as SVG, the proportion is correct, but when I go to the live site, it flashes a lot. I looked for a solution on the internet and they said to change the render setting to Canvas. When I try to place my lottie, rendered as canvas, inside a div block, it just disappears from the published site. Is there any way to fix this issue? If not, then what is the point of having animated image sequenced lotties?

Here is my public share link: https://preview.webflow.com/preview/portfolio-cd0ade?utm_medium=preview_link&utm_source=designer&utm_content=portfolio-cd0ade&preview=f9dbc0d017ceb26809a05e5004b27bf8&pageId=6079944acced103b41ea77e1&mode=preview

1 Like