Help with zoom out scrolling while in view animation hero page


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: [Webflow - Pitch Webflow Rebuild] 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)