Order of collapsable module positions

Hi,

I don't think this is possible but just checking. The issues is in relation to how the modules collapse when viewed on a mobile.

On the desktop versions, we have multiple rows of 2 modules with images and text alternating left and right.

EG: http://www.enovuslabs.com/services.html

On this page, you can see row 1 has text on the left and 6 images on the right. Row 2 has text on the right and images on the left and it alternates down the page.

When viewed on the mobile, the modules collapse onto one column as expected. they seem to collapse in the order of the module position TOP1a over TOP1f etc. However, I would like it so that the text always precedes the images as you scroll down on mobile. This would mean that TOP1f would be presented before TOP1a.

Is this possible?

@media only screen and (max-width:767px) { .wrapper_contenttop, #wrapper_bottom-2 { display: flex; flex-direction: column; .contenttop:first-of-type, .bottom-2:first-of-type { order: 1; } }}