How to change order of blocks on mobile view?

Do any of you guys know a solution for how to rearrange blocks for mobile?

My site currently has <IMAGE TEXT> <TEXT IMAGE> <IMAGE TEXT>

But I'd like the mobile view to be <IMAGE TEXT> <IMAGE TEXT> <IMAGE TEXT>

disc-caper-gap6.squarespace.com (password tony)

Add to Home > Design > custom CSS

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

Thank you so much!

@tuanphan That didn't work for me. Here's my website - https://www.madebydot.tv/
 

I'm having issues with the 'Featured work' section of my website. I like how it is on the desktop, but on mobile, I want this specific order - 

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

Would really appreciate some help! 

17 minutes ago, iamraag said:

@tuanphan That didn't work for me. Here's my website - https://www.madebydot.tv/
 

I'm having issues with the 'Featured work' section of my website. I like how it is on the desktop, but on mobile, I want this specific order - 

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

Would really appreciate some help! 

Add to Custom CSS

/* featured work */
@media screen and (max-width:767px) {
div#page-5fdeee8cc18bd5077cac6b50>.row:nth-child(2) {
    display: flex;
    flex-direction: column-reverse;
}
}

@tuanphan Thank you! That only worked for the very first block though (you can check my website now), how do I make sure it applies to all? 

I added the text to Home > Design > Custom CSS. 

15 minutes ago, iamraag said:

@tuanphan Thank you! That only worked for the very first block though (you can check my website now), how do I make sure it applies to all? 

I added the text to Home > Design > Custom CSS. 

I see 2 feature work projects & looks fine here?

@tuanphan I meant to do that for all projects below the title 'Featured work' - Even the ones below the 'Our clients'. Sorry for the confusion - Really appreciate the help and quick responses! Life saver!

Attaching some screenshots to this message for some projects

@tuanphan Could you help me out here?

@bangank36 Could you help me out here?

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;
}
}