Help with zoom out scrolling while in view animation hero page

Hey,

I’ve made a zoom out on scroll animation that scales down a UI picture of an editor software.

I have two problems:

  1. There is a horizontal scrollbar when the picture is large and hiding overflow doesn’t seem to work
    I want to get rid of this scrollbar

  2. Is there a smart way in containing the purple div (called ‘Inner Design’) in a responsive manner within the image of the UI? I’m trying to recreate the effect from here: [https://preview.webflow.com/preview/pitch-rebuild?utm_medium=preview_link&utm_source=showcase&utm_content=pitch-rebuild&preview=246fcd8e260407b6ee53b7e7ed63a865] but in a slightly different manner, I need a rectangle within the screen not what the example has.

Thanks for all the help!

Here is my public share link: [Webflow - Attempt Zoomout]
(how to access public share link)