Text and image position different on mobile version

Site URL: https://www.om-therapy.com/about

Hi There,

I am trying to get text and image box to appear the same on desktop and mobile. It looks fine on desktop. 

I need the text to be under the photo just like the first two on top of the page (mobile version) and not two photos in a row. 

Can you help me out please? 

Add to Design > Custom CSS

/* About image mobile */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_144_1508874283073_7583+.row>.span-6 {
    width: 50% !important;
    float: left !important;
}
}