Streaming live at 10am (PST)

Adding padding to a lottie animation

I have created a build on scroll animation using Lottie, what I’m trying to go for is have a fixed element on the left and as my page scrolls, have the tree build - I have it working pretty well however when it comes to centering the lottie animation I just can’t seem to get it right, when I adjust for different browser sizes (I only want this to be seen on desktop), the tree gets cut off, but when adding padding, nothing happens.

Is this a known issue? Or is it a mistake on my end?


Here is my site Read-Only:
https://preview.webflow.com/preview/theknowledgefoundationconcept?utm_medium=preview_link&utm_source=designer&utm_content=theknowledgefoundationconcept&preview=9409118dcd2ac5a8bd8fe41c9188d1d6&mode=preview