Scroll animation going off page triggering horizontal scroll bar

On the home page of this site I’ve tried following this tutorial for a horizontal movement on scroll

Within webflow’s preview mode it works great. But once I publish a the link and open it in the browser, the animation is triggering a horizontal scroll bar as soon as the powder image moves off the page.
https://asg-77bf2f.webflow.io/home

I have the powder image set to overflow:hidden and the container it’s in “hero_home” also set to overflow:hidden.

I know it’s the animation that’s triggering the horizontal scroll bar, because if it tell it to move to the inside instead of off the edge of the page, I no longer have the issue.

Any help or explanation showing me what I’m doing wrong or where else I need to turn off overflow would be greatly appreciated. Thanks!


Here is my public share link: https://preview.webflow.com/preview/asg-77bf2f?utm_source=asg-77bf2f&preview=9e18cb4ae64876fcbcee832551b24a21&mode=preview