JSFiddle - React, Tailwind, and code Playground

HTML

<body bgcolor="#ffffff" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" style="-ms-text-size-adjust: 100%; font-size: 14px; -webkit-text-size-adjust: 100%; background-color: #ffffff; font-family: Tahoma, Verdana, sans-serif; text-align: center; -webkit-font-smoothing: antialiased; width: 100% !important;">
  <center style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color: #ffffff; font-family: Tahoma, Verdana, sans-serif; font-size: 14px; width: 100%;">
    <div id="principal" style="max-width: 600px; -webkit-text-size-adjust: none; text-align: left; width: 94%;" align="left">
      <table cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff" width="100%" style="max-width: 600px;">
        <thead>
          <tr id="logo" height="90">
            <td bgcolor="#000"></td>
            <td bgcolor="#000" valign="middle" align="left">
              <a href="#" style="-webkit-text-size-adjust: none;">
                <img src="topo.png" alt="Herois de Fibra" width="100%" height="auto" border="0" style="color: #ffffff; font-size: 32px;"></a>
              </td>
              <td bgcolor="#000"></td>
            </tr>
          </thead>

          <tr><td height="18" bgcolor="#ffffff" colspan="3"></td></tr>

          <tbody>
            <tr>
              <td bgcolor="#fff"></td>
              <td bgcolor="#fff">
                <table cellpadding="0" cellspacing="0" border="0" bgcolor="#fff" width="100%">
                  <tr>
                    <td style="border-color: #fff; border-width: 10px 10px 20px; border-style: solid; text-align: left; -webkit-text-size-adjust: none;" align="left">
                      <img src="homem.png" alt="Olhar do povo, olhar da PM" width="100%" height="auto" border="0" style="color: #ffffff; font-size: 32px;">
                    </td>
                  </tr>
                  <tr>
                    <td class="conteudo" align="left" style="color:...

CSS

img[src^="http"] {
    background: transparent;
  }
  
  td{
    width: auto;
  }
  
  img{
    left: 50%;
    width: 250px;
    position: relative;
    margin-left: -125px;
  }