title: How to rearrange table cells on smaller screens
body: <p>Briefly, I have the following table and want to rearrange the table cells in a different way on smaller screens.
  Apologies, I know I should provide what I have already tried and sounded mad easy when I saw it but it is going 3hours that I am now staring at it trying to find a better <strong>possible</strong> way to achieve this.
  Any thoughts or code to start with are appriciated.</p>
  
  <p><a href="https://i.stack.imgur.com/dlwEJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dlwEJ.png" alt="enter image description here"></a></p>
  
  <p>and want it to have this look on smaller screens</p>
  
  <p><a href="https://i.stack.imgur.com/khnpe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/khnpe.png" alt="enter image description here"></a></p>