Grid row stacking order on mobile

I have been using enfold for quite some time. recently I started building a new site with it for work. I am using a grid row but it will not stack properly on mobile. I have set Column Behaviour When Fullwidth to “individually select position for each column” and then have gone and numbered each column accordingly.

In this example the image is set to 2 and the text box with button is set to 1 because I want the image to stack below the text box on mobile but instead the image is showing up on top.