Swap the order of certain blocks on mobile

Site URL: https://www.oliviersfrenchbistro.com/

Hi there, I have a few areas on my website where my sections are laid out in a kind of hop scotch pattern that looks quite nice on desktop.  On mobile though, it just ends up looking super messy with the blocks in default order.  I found a few other posts where this issue was solved but I wasn't able to apply the code to my website.  I'd love to figure out how to do this on my own so I can take care of the other sections on my site as well.

Here's my site.

You can see some of the sections i'm talking about on that page.  I have the same issue on this page and this page as well.

Any guidance on solving this would be much appreciated! Thanks