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:


page load event:


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