JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table">
<thead><th>1</th><th>2</th><th>3</th><th>4</th></thead>
<tbody>
    <tr>
        <td>1</td><td>2</td><td>3</td><td>4</td>
    </tr>
    <tr>
        <td>1</td><td>2</td><td>3</td><td>4</td>
    </tr>
    <tr>
        <td>1</td><td>2</td><td>3</td><td>4</td>
    </tr>
    <tr>
        <td>1</td><td>2</td><td>3</td><td>4</td>
    </tr>
    <tr>
        <td>1</td><td>2</td><td>3</td><td>4</td>
    </tr>
</tbody>
</table>

CSS

.table {
    width: 100%;
    height: 300px;
    background-color: red;
    text-align: center;
    background: url(../img/logo.png) top left no-repeat,
        url(../img/logo.png) top right no-repeat,
        url(../img/logo.png) bottom left no-repeat,
        url(https://encrypted-tbn0.google.com/images?q=tbn:ANd9GcT_vCBJz-cdjPm77CSyqf0jCqcj96uTi_H09lYTRu4aYXjFhAVJlw) bottom right no-repeat;
}
.table th {
    text-align: center;
}