side-by-side full bleed rows?

Is there a way to have to the "sections" sitting next to each other? I'd like to have two rows side-by-side with full bleed backgrounds (see reference image). I'm then planning to place pngs on top, so that it translates well across devices. I'm including an example image. 

I am not uncomfortable with code, but only have very basic knowledge. Could someone please point me in the right direction?

Any help is greatly appreciated.

Hi. Can you share site url? I think we can use some CSS to achieve this.