Responsive blocks on mobile (change order)

Site URL: https://caper-goose-m247.squarespace.com/services

Hi I'm trying to reverse some blocks on mobile for some sections on my website, the sections are under the tab "services" and I would like to reverse 'Discovery call" so the image appears before the text and "Planning Session" o the image appears before the text  as well, could anyone help with this please? Password:Client

Add to Design > Custom CSS

/* Mobile-Services order */
@media screen and (max-width:767px) {
/* 1 */
div#page-section-61643930b0682a0011f563eb>.row {
    display: flex;
    flex-direction: column-reverse;
}
/* 3 */
div#page-section-6164399022e24672e6ded9cb>.row {
    display: flex;
    flex-direction: column-reverse;
}
}