Mobile Layout Changes

Site URL: https://capao.squarespace.com/our-story

Website password is capao

I'm looking for assistance in changing the position of some blocks within a row for mobile view. I'd like all the images within this row or section to have all the images on top of the text. 

I've tested the following style but I can't figure out how to target the row with the 2 block I'd like to switch.

display: flex;

flex-direction: column-reverse; 

The easiest solution that I have found with issues like this, is to make it 3 separate sections (1 for each row) and then use css to correct padding and margins.

The divs in the blocks like that do not have static ID's and I gave up trying to move them around that way.