Image order on mobile inside a biography block

Site URL: https://unsensible.com/team

Hi guys,

I've trawled the forums and there seems to be many similar questions to mine, but none exactly applicable. On our team bio page: https://unsensible.com/team I'd like the images of our team to appear on top of the bio in mobile view. Is there a nifty bit of CSS that can make this possible?

Thanks so much!

Hi,

If you want this order on mobile

Name

Image

Description

Add this to Design > Custom CSS. This code for first member. If it works, I will check & send other

/* Mobile-Team-Jonathan Nguyen */
@media screen and (max-width:767px) {
div#page-section-60b0dba871dc6c749dedf2ff>.row:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}
}

Hi Tuan

Thank you. That's almost it. Actually I'm trying to get the image to be the first element:

Image

Name 

Description

Thanks!