I’m having an issue with loading one Lottie animation twice (so it can be used in a moving marquee). The problem I’m having is with the wave animation at the bottom of the screen—when you load the page the first time, everything is fine, but on the second time you load the page the animations de-sync and the waves start at different times.
You would think the two wave animations would load at the same time since they’re both referencing the same file on the Webflow server, but based on my half-assed internet research, it seems like the first instance will load from the server while the second instance will load from your local browser cache.
I’ve found some code solutions to delay the start of the Lottie animations, but I can’t figure out how to implement them since Webflow natively supports Lottie files.
Any help here?