Switch Order of Blocks on Mobile - Squarespace

Site URL: https://www.etiennemellor.com/letsmeet

How to I switch the order of the maps and text so that in the mobile version I have the text first then the map following for each location? 

thank you.

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-5edaa2870f0a2729119db916 .span-8 {
    display: flex;
    flex-direction: column-reverse;
}
}