Reordering Text and Image on Moble

Site URL: https://www.elizabethsimakoff.com/link-in-bio

Hi! I'm trying to reorder the title and body modules on mobile. On desktop it's fine, but on mobile the body column is coming above the header which makes it illegible. Does anyone know exactly how I can fix this?

Hi.

Add to Design > Custom CSS

/* Link in bio mobile */
@media screen and (max-width:767px) {
div#page-603e9100890f6f39b3abd234 .span-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
div#block-yui_3_17_2_1_1615221864230_4752 {
    order: 1;
}
div#block-yui_3_17_2_1_1615221864230_6249 {
    order: 2;
}
div#block-abf4539218465c7f4b9c {
    order: 3;
}
div#block-7b95194c0ab026cc526d {
    order: 4;
}
}