Resizing background with image

Hi everyone,

I have an image on my site with a blue background that overextends to the white background underneath. It looks great, however when I resize the window, the image shrinks while the blue background does not change in size, causing the image to shrink into the blue background and losing the effect. I was wondering how I would be able to get the blue background to shrink along with the image?

It is the mock-up of 6 iphones in the “solution overview” section near the top of the site (read only link below). Thanks so much!


Here is my site Read-Only: https://preview.webflow.com/preview/jaysons-first-project-cfc28d?utm_medium=preview_link&utm_source=designer&utm_content=jaysons-first-project-cfc28d&preview=8d787a74894c018fd3b945e3507ce35f&pageId=5fc4067e2cbda1aa7fd6503f&mode=preview

If I got this right, move the image (6 phones) into the blue section and place it last in list.
Then change the position.