JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css">
<table class="issue_table">

  <tbody>
    <tr class="issue_row">
      <th></th>
      <th>B BRAND</th>

      <th>C BRAND</th>

      <th>D BRAND</th>
      <th>E BRAND</th>

    </tr>
    <tr>
      <td>
        <div class="issue_item not_image"></div>
      </td>
      <td>
        <div class="issue_item"><img class="issue_item_image" src="https://i.ibb.co/MPQ6ww8/B-Brand.png" /></div>
      </td>
      <td>
        <div class="issue_item"><img class="issue_item_image" src="https://i.ibb.co/9HhhhV7/C-Brand.png" /></div>
      </td>
      <td>
        <div class="issue_item"><img class="issue_item_image" src="https://i.ibb.co/9vvRdQP/D-Brand.png" /></div>
      </td>
      <td>
        <div class="issue_item"><img class="issue_item_image" src="https://i.ibb.co/n6RFPLL/E-Brand.png" /></div>
      </td>
    </tr>
  </tbody>
</table>

SCSS

.issue_row {
  th {
    height: 40px;
    background-color: #111111;
    color: white;
    text-align: center;
  }
}

.issue_table {
  background-color: #111111;
}

.issue_item {
  width: 150px;
  height: 180px;
  .issue_item_image {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
}

.issue_item.not_image {
  width: 150px;
  height: 180px;
  background-color: #FF3800;
}