title: Div re-order with CSS
body: <p>Does anybody know of any examples or tutorials on how to achieve the below:</p>
  
  <p>On desktop the layout will be:
  <a href="https://i.stack.imgur.com/lXQ37.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/lXQ37.jpg" alt="Desktop layout"></a></p>
  
  <p>On mobile the layout will change to:
  <a href="https://i.stack.imgur.com/IRKN4.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/IRKN4.jpg" alt="Mobile Layout"></a></p>
  
  <p>As you can see, I want box 2 and box 3 to re-order and swap positions on mobile</p>
  
  <p>Does anybody have any tips or advice?</p>