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:

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