Adjust mobile block order

Site URL: https://www.infiniteidieh.com/media

Hi, 

On desktop the video block content is in a zig zag order. However, on mobile I would like for headline and body text to come first and then the video. 

Website: https://www.infiniteidieh.com/ 

Password: HBC2022

(Media Page)

Add to Design > Custom CSS

/* Mobile Order */
@media screen and (max-width:767px) {
/* Trust black woman */
div#page-section-62c7029a6a15414959ec38a5 .row {
    display: flex;
    flex-direction: column-reverse;
}
/* Political AD */
div#page-section-62c7049a39f00269221d0c7f .row {
    display: flex;
    flex-direction: column-reverse;
}
/* Monica Story */
div#page-section-62c705c6e76fdf53ec925ceb .row {
    display: flex;
    flex-direction: column-reverse;
}
/* Podcast Production */
div#page-section-62c709fe8f933953fb049fab .row {
    display: flex;
    flex-direction: column-reverse;
}
}

I had to re-arrange the order but in mobile it still not re-arranging. Do I have to fix the code?