Ah, so I would recommend adding an additional style to set the overflow-x
of the hero section to hidden
which will prevent those elements from breaking the available viewport width.
I’d also encourage you to use percentages to define the amount of movement instead of pixels as it’s less dependent on viewport size. For example, if you want an element that takes up the whole width of the screen to move left completely off the screen, you’d set it move 100% to the left. If you work in pixels you’re going to overshoot the boundaries of your window on smaller screens and potentially affect the timing of your animations—especially when using any form of easing.