JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container-outer">
<img src="http://dummyimage.com/600x400/666">
    <div class="container-inner">
<img src="http://dummyimage.com/600x400/333">
<img src="http://dummyimage.com/600x400/f2f">
    </div>
        <div class="container-inner">
<img src="http://dummyimage.com/600x400/ee3">
<img src="http://dummyimage.com/600x400/532">
    </div>
    </div>

CSS

#container-outer {
    display: flex;
}

#container-outer > img { height: 400px; width: 50%;  }

.container-inner {
    display: flex;
    flex-direction: column;
}

.container-inner > img { height: 200px; width: 100%; }