squarespace 7.1 – how to swap block order mobile view (Image & Text)

Site URL: https://www.promethean.tv/overview

Hello,
I've seen this asked a few times & tried to apply to my site but just can't seem solve it.

I'd like the blocks Image & text to reverse order on mobile so that the image displays below the text.

Note - I'll have to do this in a few other places on the site as well

(Squarespace 7.1)

https://www.promethean.tv/overview

Thanks in advance

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1591995992764_79709+.row {
    display: flex;
    flex-direction: column-reverse;
}
}