Enflold responsiveness issue

I have created a page with two columns, with a checkered image with text next to it, next row is text and then image and row below that is image and text again and so on …

problem is when you pull the window smaller to see how it responds to a smaller screen, it all goes into a single column as expected but I it shows image and then two text boxes followed by two images … its then hard to see which text box goes with which image …

Is there a way to set it up for smaller screens that the image is above and text box below for all of them and still maintain the checkered effect for bigger screens?

See link to dropbox with screen grabs showing the issue

Etienne