Re-order content blocks for mobile only (Squarespace 7.0)

Site URL: https://www.madebydot.tv/

Theme: York

I have an issue with the 'Featured work' section of my website. The desktop view is fine. But I'm not happy with how the content blocks are arranged in the mobile view and I'd like to customize that to - 

Project image (the GIFs) > Title > Description > View Project button > Spacer (and then the next project thumbnail)

This video explains the issue I am facing quite precisely - https://vimeo.com/378998344

Really hoping I can fix this soon.

Site URL: https://www.madebydot.tv/

Theme: York

I have an issue with the 'Featured work' section of my website. The desktop view is fine. But I'm not happy with how the content blocks are arranged in the mobile view and I'd like to customize that to - 

Project image (the GIFs) > Title > Description > View Project button > Spacer (and then the next project thumbnail)

This video explains the issue I am facing quite precisely - https://vimeo.com/378998344

Really hoping I can fix this soon.

Add this code

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