Responsive Alternating Rows Showing Properly on Mobile

Hello,

I've been searching all across Google and got more confused than when I started. My site pages currently look like this:

Image | Text
Image | Text
Image | Text

When I switch to mobile, it all aligns properly, like this:

Image
Text
Image
Text
Image
Text

However, I like the look of alternating content better, like this:

Image | Text
Text | Image
Image | Text

The problem is that on mobile, it comes out like this:

Image
Text
Text
Image
Image
Text

What kind of CSS trickery or other method can I use to get the alternating look on desktop but still stack things properly on mobile?

Thanks for your help!