Image Position not responsive

Hi team,

I am setting page responsiveness up and all is well for Desktop and Tablet, however mobile is not presenting the image properly.
As you will see, each section is in a container. Each container uses a double Grid block.

Each grid contains an image on one side and text on the other. The order for each container swaps image and text from left to right as we go down the page.
When viewed on a mobile device, this changes and the containers stack, which is fine, however the second container places my image at the bottom of the grid, instead of the top. I get why this happening, so tried to change the image order while in Mobile editor, but this also changes the order in Desktop and Tablet mode.

How do I get the 2nd container to place the image above the text when viewed on a mobile device, without messing up the other views?

Thanks