html, body { overflow-x: clip ; }
That’s it. That’s what fixed my webpage. The issue was I was flying in images from the sides of the screen. Before the animation ended the images were translated off the viewport. I want to prevent horizontal scrolling on phones where horizontal space is at a premium. Overflow-x hidden caused nested vertical scrolling for some reason, but this solution solved it nicely.