JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td>hi there</td>
     <td>my friends</td>
      <td>how are you</td>
  </tr>
    <tr>
    <td>hi there</td>
     <td id="td"><img src="https://media.inkscape.org/media/resources/file/DIGIDOWN034-welded-svg.svg"></td>
      <td>how are you</td>
  </tr>
  <tr>
    <td>hi there</td>
     <td>my friends</td>
      <td>how are you</td>
  </tr>
</table>

CSS

td {
  border: 1px solid grey;
}

#td {
  position: relative;
  width: 50px;
  height: 50px;
}

#td img {
  width: 100%;
  height: 100%;
}