How do I reorder the elements to make the image go above the heading for mobile breakpoints?

[heyspang]

https://maryandmason.co.nz/pages/our-community

[Denishamakwana]

sorry, your site is password protected.

please remove it so, i can help you to reordering the elements.

[heyspang]

Hi sorry here is the preview link. The section is on the Our People page. 

https://92o2k3pjcmv4k88k-51034554559.shopifypreview.com/ 

[Denishamakwana]

please add this media query  at the bottom of theme.css file

@media only screen and (max-width: 749px) {
.FeatureText--withImage {
        display: flex;
}
.FeatureText--imageRight .FeatureText__ContentWrapper {
       order:2;
}
.FeatureText--withImage .FeatureText__ContentWrapper, .FeatureText--withImage
.FeatureText__ImageWrapper{
          order:1;
}
}

[heyspang]

Hi there, that suggestion hasn't worked and all of my modules with the image aligned right don't show the image on mobile.. I have kept the code in there so you can check this.