JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div class="aside">
        <img src="http://placehold.it/200x200">
        <img src="http://placehold.it/200x200">
    </div>
    <div class="main">
        <img src="http://placehold.it/400x400">
    </div>
    <div class="aside">
        <img src="http://placehold.it/200x200">
        <img src="http://placehold.it/200x200">
    </div>
</div>

CSS

img { width:99%; }
.aside { width:25%; float:left; }
.main { width:50%; float:left; }