Need help aligning and properly triggering my animations

Design help Animations & Interactions
1

Hi all,

I’m new to Webflow and have done loads of tutorials in the University, but can’t find the help I’m looking for. I need help with a few things:

  1. I need to properly align my drop of water that is “falling” down the page across the different breakpoints.
  2. I need the drop to reduce in scale as it reaches the splash at the bottom. I did put an interaction in place, but it’s not working.
  3. I need the splash at the bottom to grow in scale and the animation to start (it’s a lottie animation) as the splash reaches it.

Appreciate any help, thanks

Here is my public share link: Webflow - Jenni's Leaf

Here’s the preview: https://jennis-leaf.webflow.io/