<table class="Table Table--striped">
  <thead>
    <tr>
      <th>Wide</th>
      <th>Cropped</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/62127/15023814472_6b7c374ca5_z.jpg" alt="">
      </td>
      <td>
        <svg viewBox="0 0 1 1" width="480" height="480"><image xlink:href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/62127/15023814472_6b7c374ca5_z.jpg" width="100%" height="100%" preserveAspectRatio="xMidYMid slice"/></svg>
      </td>
    </tr>
  </tbody>
</table>
<table class="Table Table--striped">
  <thead>
    <tr>
      <th>Tall</th>
      <th>Cropped</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/62127/27559379591_c8aaccc783_z.jpg" alt="">
      </td>
      <td>
        <svg viewBox="0 0 1 1" width="480" height="480"><image xlink:href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/62127/27559379591_c8aaccc783_z.jpg" width="100%" height="100%" preserveAspectRatio="xMidYMid slice"/></svg>
      </td>
    </tr>
  </tbody>
</table>
body {
  background: #fff;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}

svg {
  max-width: 100%;
  height: auto;
}
Rerun