Switch Sections on Squarespace 7.0

Site URL: https://sphere-wolverine-yt27.squarespace.com/about-the-designer

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

url https://sphere-wolverine-yt27.squarespace.com/about-the-designer

password Emi123

this is the code I am trying but it is not working, I want "Emily Gannon and the bio" to go under the photo to match the first and thrid section!

Thanks!

Add to Design > Custom CSS

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