JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
        </td>
    </tr>
</table>

CSS

table {
      width: 200px; /* your width */
      height: 200px; /* your height */
      display: block;
      position: relative;
    }
    
    table:after {
      content: "";
      background: url(http://images.forbes.com/media/lists/companies/google_200x200.jpg) no-repeat;
      opacity: 0.5; /* set your opacity */
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      position: absolute;
      z-index: -1;   
    }