Mobile Layout Issue with Columns

I have a site layout that is three rows.
Top row – two columns
middle row – one column
Bottom row – three columns

One desktop the columns are laid out left to right (like normal). And on mobile, I would expect these to stack – left on top of the right.

BUT on MOBILE, they stack right on top of left. The row with three columns has the far right column ONTOP of the middle column and the left column at the bottom.

Same for the two columns at the top. The left column is BELOW the right column on mobile.

Is it me? Or this TOTALLY backward?

Check this site out on Desktop and Mobile and you will see what I mean.

Why is this and how to a fix it to what I think we all expect – left should stack on top of right?

Thanks.