Pinning Elements

Wondering if anyone can help me out with this. I have a website I'm designing for a client, the background is made up of coloured sections (this is a jpeg added as a background). 

I am working with fluid engine, and I'm wondering if there is a way to "pin" the elements so they don't move around when the screen size changes or jump out of the sections of the background that I'd like them to sit in.

This one is certainly giving me a challenge despite only being a simple one page site. Any suggestions or advice are very much appreciated!

Password to enter the site is letmein

Can you share your website URL?

Squarespace it set up to be a responsive design, getting background and foreground elements to react to screen size change the same is always tricky, and generally involves keeping as much in the foreground as possible.

Hey! Sure its https://mango-papaya-3ydp.squarespace.com/ and the password is letmein

Thank! Looking at it I think you're going to have to build this with foreground elements, it's simply not going to work with a background image, and doubly so on mobile.