Reorder blocks on mobile

Site URL: https://carolyn-lykkemark-voice.squarespace.com/voice-lessons

Can anyone help me with some code? I'm using spacers to create a cool ripple effect on desktop, but on mobile, the images are showing up in the wrong order. I've tried targeting with css and can only get it work if I use section ids, which won't work for this set up with the collage/rippled effect instead of straight columns as I can't put them in different sections and get the result I want.

I'd like the images/text in the top to go "loud, strong, free"/"you're frustrated"/"you want to..."

And then in the next image section to go "now you're discourage"/"Yet you yearn"/

Thank so much for your help!

Hey @angelaw your site is private would you make it public or password protected and share the PW.

Thanks

@SquareRefresh - sorry about that!  password is 'sing'. Thanks!