HTML/CSS/JS/Jquery - Rearranging Divs : I am creating a site but want to rearrange the order of the items on the page depending on whether it is on desktop or mobile.

So for desktop it is something like this:

[![enter image description here][1]][1]

And then for mobile I want to do something like:

[![enter image description here][2]][2]

All these items are their own divs, I just want a way to rearrange them.

Any help or assistance with this would be greatly appreciated.

  [1]: https://i.stack.imgur.com/NhFEm.png
  [2]: https://i.stack.imgur.com/GRoyW.png