I hired high end life science animator to create a 30 second video - that I used bodymovin to convert to the required JSON file. I really had to lower the fps to 12.5 (and ended up with about a 11.6 second animation) and decrease resolution to 1280 get it to load. The resolution is fine but the low frame rate has made it extremely choppy. If only I could load a 50mb file instead of the 30mb threshold :-). Does anyone know how can get a higher fps file to load? Do I host it elsewhere and embed it with code? I think if I do that then I can’t do the scroll animation using the Webflow controls.
For an example of a lottie that I modeled it after take a look at https://capsigen.com/