Change Order of Blocks on Mobile (Another one)

Site URL: https://www.hulda.fo/samband

Hi Squarespacers

Is it possible, on mobile, to change the order of my blocks on this page www.hulda.fo/samband  - so the text on the right goes above the form, but the smaller "contact info" text goes below the form?

I'm using this code now to rearange the blocks

//ReOrder block on mobile//
@media screen and (max-width:767px){
[data-section-id="5e4401b2450d587a0f775294"]{
.row{
    display: flex ;
	flex-direction: column-reverse;
    }
}
}

But all the text jumps above the Form.
And i want it to be something like this instead.


How would i set this up?

Thanks in advance

Kind Regards
Bardur M

SOLVED:
I just decided to insert another copy of the contact info below the form and set it to "Display: none" - and when on mobile, i would hid the one on the side, and display the one below.. Seems to work fine

Issue fixed.