Streaming live at 10am (PST)

Recreating bouncing arrow animation (Legacy)

Hi!

I’m trying to recreate this infinite bouncing arrow down animation from the hero section of this page: https://visitskane.com/

Capture
Capture 2

As far as I understand it I need to use a legacy interaction as that’s the only way to create an infinite loop. I believe the interaction is happening in 4 stages but I might be wrong.
From -8px, 0px, -4px, 0px on the y axis.

Here’s my attempt which looks quite buggy right now:
https://preview.webflow.com/preview/calklin?utm_medium=preview_link&utm_source=designer&utm_content=calklin&preview=12929af3eb1d5251d578d709da62e775&mode=preview

I can’t seem to find a bounce easing setting while using the legacy option?
Is there a way to make it more bouncy somehow?


Here is my public share link: LINK
(how to access public share link)