Change order of Image/Text blocks in Mobile

Site URL: https://hotelanimalmelb.squarespace.com/

I'm looking to change the order of some Image & Text blocks on my Squarespace 7.1 mobile site. 

WEBSITE: https://hotelanimalmelb.squarespace.com/
PASSWORD: animals

I'm looking to put the image relating to 'THE 27 CLUB' heading on top when viewed in mobile. It currently organises itself to below the text and isn't the same as the other two paragraphs/images.

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-5ef95899f6302b5d71fbaa39>.row:nth-child(4) {
    display: flex;
    flex-direction: column-reverse;
}
}