Hello Webflow folks,
I am trying to create an animation on scroll where the leaves of this image ‘grow’. I have finally got the elements into the right position after much experimenting with absolute and relative positioning etc. I tried to give all the leaves the same Class but Webflow wont let me do that. It says Class 'Already Exists" when I try that, so instead I have tried duplicating the animation and then repeating it for each leaf. After many attempts and setbacks I have got the top 2 leaves to behave how I want them to, but now the bottom right leaf has moved position and its rotation angle is off. I am probably doing this all wrong, it would be very much appreciated if someone could point me in the right direction. Here is an image of how it is supposed to look after the animation has finished.