Streaming live at 10am (PST)

Animation behaves differently depending on how it's triggered

I’ve made a little logo animation. When I play it using a button as the trigger, it works as expected. However when I trigger it using page trigger page loaded event, the crown does not animate properly to the right.

Anyone know why this is happening?

Button version:
https://preview.webflow.com/preview/crown-animation-button?utm_medium=preview_link&utm_source=designer&utm_content=crown-animation-button&preview=d159c3ae906979fd87e48a094aa560b1&mode=preview

site:
https://crown-animation-button.webflow.io

page load event:
https://preview.webflow.com/preview/crown-animation?utm_medium=preview_link&utm_source=designer&utm_content=crown-animation&preview=973eee493c4d4ba5e1f6068387f25a86&mode=preview

site:
https://crown-animation.webflow.io


Here is my public share link: https://preview.webflow.com/preview/crown-animation-button?utm_medium=preview_link&utm_source=designer&utm_content=crown-animation-button&preview=d159c3ae906979fd87e48a094aa560b1&mode=preview
(how to access public share link)