I'm working on a new website with some background animations.
At both sides of the web page two big illustrations animate in/out and rotate in a loop.
I want them to be moving out of the canvas a little bit and get back in. It works, however the width of the page is dynamically changing with the animations.
It doesn't bother much in desktop, other than seeing scroll bars of the browser going crazy.
But in mobile Safari zooms out to include full body width of the page. so the container only takes about 30% of the page. Besides, everything is constantly re-arranged because of the animations of the images.
What would you recommend to prevent body width of the page constantly changing?
Here is my public share link: https://preview.webflow.com/preview/kitaplar-guzeldir?preview=f430f93b434ef285a178994d2e0b721d