Acorn Reverse Stack 2 Columns Mobile

acorn-reverse-stack-2-columns.html

<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
  <td class="px-sm-16" style="padding: 32px 24px;">
    <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
      <tr class="full-width-sm">
        <td class="col stack-sm-last" width="260" style="padding: 0 8px; vertical-align: middle;">
          <h2 style="font-weight: 300;">Last on Mobile</h2>
          <p>
            Title and text will appear underneath the image, on mobile devices.
          </p>
        </td>
        <td class="col stack-sm-first" width="260" style="padding: 0 8px;">
          <img src="https://picsum.photos/520/520?image=823" alt="Image from Unsplash" width="520" style="max-width: 520px; width: 100%;">
        </td>
      </tr>
    </table>
  </td>
</tr>
</table>