LottiLottie file does not show after hide/show interaction

Design help Animations & Interactions
1

Im trying to do a simple hide/show interaction with a Lottie file.

Basically, I have a Lottie animation which is set to display:none and then when you click some text it changes the Lottie to display:block.

However, the Lottie file does not show. I inspected the code and it’s there but it does not show.

Can you not hide/show a Lottie animation?

Here is my read only link: Webflow - Gareth's Fantastic Site

Thanks in advance, Gareth.

2

For anyone else having this issue. I changed the Lottie to render as an SVG instead of Canvas. This goes against what I thought because my Lottie includes PNGs and I thought you had to have the Lottie set to Canvas to work.

It’s been a little while since I used Webflow so maybe something changed. This took me forever to figure out.