Problem with JSON file uploading to webflow correctly

Hey forum,

I’ve built the attached animation, and according to the html file the Bodymovin file generated, it should have exported correctly with background colors and expressions… but when I upload it to Webflow it has this blurry transparency-looking background and some of the layers seem to have disappeared. Anyone have this problem/know a fix??

I’m also hoping yall can give me some pointers on how to set it up so that it’s sticky for 3 folds, and the scroll affects the animation while scrolling. Right now the animation seems to start in the middle and doesn’t reach the end while in view? Even after setting the parameters in the lottie “while scrolling” animation. The tutorials made it look so easy but it doesn’t seem to translate for me!


Here is my public share link: https://preview.webflow.com/preview/2020mc-impact-report?utm_medium=preview_link&utm_source=designer&utm_content=2020mc-impact-report&preview=e7b1d0fe12cf7f857316ee59feba336c&mode=preview

[file:///Volumes/Ansley%20Luce%20Design%20SSD/Media%20Cause/Media%20Cause%20Marketing/2020%20Impact%20Report/Hero%20animation/hero%20animation/demo/hero%2520v2.html](file:///Volumes/Ansley%20Luce%20Design%20SSD/Media%20Cause/Media%20Cause%20Marketing/2020%20Impact%20Report/Hero%20animation/hero%20animation/demo/hero%2520v2.html)