Layout not consistent on mobile

I use a column layout on the front page, so 2 columns, one with text and a button and one with a picture. I did this 3 times.
So I added a first block with 2 columns, image in first column, text with a button in second column.
I added a second new block with 2 columns, but now first column text and a button and second column with image,
I added a third new block with 2 columns and, like the first block, image in the first column and text with button in the second column.

———————|—————–
— Image————|——-text——
———————|—————–

———————|—————–
— Text————-|——Image——
———————|—————–

———————|—————–
— Image————|——-text——
———————|—————–

Looks good on any device accept on mobile, then the second column I cannot change the alignment.
What I would like to see is this

——-Image———
——-text———-

——-Image———
——-text———-

——-Image———
——-text———-

but what I get is

——-Image———
——-text———-

——-text———-
——-Image———

——-Image———
——-text———-

Any idea how I can make sure that the second column on mobile devices makes the Image line up first and the text second?

Thank you