Maybe something like this?
<style>
table {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
border-spacing: 0;
}
table tr th {
background-color: #F1F5F8;
border-bottom: 2px solid #ccc;
font-size: 12px;
padding: 10px;
text-transform: uppercase;
text-align: left;
}
table tr {
border-bottom: 1px solid #ccc;
}
table tr td {
background-color: #fff;
border: 0;
padding: 10px;
}
table tr:nth-of-type(odd) td {
background-color: #fff;
}
table tr:last-of-type td {
border-bottom: 0;
}
table tr td img {
border-radius: 50%;
object-fit: cover;
height: 35px;
width: 35px;
}
table tr td:nth-of-type(2), table tr td:nth-of-type(3) {
font-weight: bold;
}
table tr td:nth-of-type(3), table tr td:nth-of-type(4) {
text-align: center;
}
</style>
<table>
<tbody>
<tr>
<td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/4/45/Colorado_Avalanche_logo.svg/220px-Colorado_Avalanche_logo.svg.png" alt=""></td>
<td>COL</td>
<td>1</td>
<td>Rink</td>
</tr>
<tr>
<td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/e/ed/St._Louis_Blues_logo.svg/220px-St._Louis_Blues_logo.svg.png" alt=""></td>
<td>STL</td>
<td>3</td>
<td>7:30p</td>
</tr>
</tbody>
</table>