ordering of gird row elements on smaller screens

I am working on a site and built this page with the grid rows:
http://development2016nysonline.net/about-us/

I have the first row with text then an image. The next row with image then text. The third row with text then an image. One smaller screens with the responsive nature, the two first images are stacked on top of each other. So it displays:
text/image/image/text/text/image

I want it to be text/image/text/image/text/image. Is there some custom css I can create to change the order of the grid row elements on smaller screens?