Floating a logo or badge over three regions and once.

Hello All,
I hope I can make what I am trying to accomplish a little clearer than mud.
Ok I am using UpFront Builder for the first time and so far so good.
I have three regions each a different color and each about 20 px tall. Thin lines. They divide the regions on a page. I would like to "float" a logo over them, not within them, that is taller than the three regions together and have it stay to the left hand side of the container so that it remains responsive. I would like also to have that logo remain centered over them no matter how the page collapses on resize. I will be ok if it goes away altogether on a phone.

Did that make sense? I am attaching a screenshot of the page lines so you can see what i mean.