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

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

sorry, your site is password protected.

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

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

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

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;
}
}

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.