JSFiddle - React, Tailwind, and code Playground

HTML

<table class="logotable">

    <tbody>
        <tr>
            <td>
                <img alt="bmw-logo" src="http://placekitten.com/200/200"></img>
            </td>
            <td>
                <img alt="bmw-logo" src="http://placekitten.com/200/200"></img>
            </td>
            <td>
                <img alt="bmw-logo" src="http://placekitten.com/200/200"></img>
            </td>
        </tr>
        <tr>
            <td>
                <img alt="bmw-logo" src="http://placekitten.com/200/200"></img>
            </td>
            <td>
                <img alt="bmw-logo" src="http://placekitten.com/200/200"></img>
            </td>
            <td>
                <img alt="bmw-logo" src="http://placekitten.com/200/200"></img>
            </td>
        </tr>
        <tr>
            <td>
                <img alt="bmw-logo" src="http://placekitten.com/200/200"></img>
            </td>
            <td>
                <img alt="bmw-logo" src="http://placekitten.com/200/200"></img>
            </td>
            <td>
                <img alt="bmw-logo" src="http://placekitten.com/200/200"></img>
            </td>
        </tr>

    </tbody>

</table>

CSS

body {
    margin: 20px;
}
table{
	border-collapse:collapse;
	width:100%;
	text-align:center
}

table,th,td{
	border:1px solid #d9d9d9
}
img {
    width: 100%;
    display: block;
}