2 images side by side, full width.

I have a patch job solution for this, but want to know if there's a better way I can do this. For this gold, and green section, I simply have a background photo that is half gold and half green. It creates a cool look on desktop, but then, as one would expect, on mobile it looks kind of silly, where the stacked text overlaps the gold and green.

Maybe an easy solution for this would be to use CSS to just remove the image for mobile, so it would default to the solid color? Seems like it'd be a simple solution, but not sure how to do this. Can someone help?

@Fruitful this would be a great use case for Flexbox. Chris Schwartz-Edmisten has a tutorial here: https://schwartz-edmisten.com/custom-layouts-with-flexbox