JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="row">
        <div class="col">
            <img class="immij t" src="http://upload.wikimedia.org/wikipedia/en/d/d8/Unbenannt.JPG">
            <img class="immij b" src="http://upload.wikimedia.org/wikipedia/en/d/d8/Unbenannt.JPG">
        </div>
        <div class="col main">
            <img class="immij hero" src="http://upload.wikimedia.org/wikipedia/en/d/d8/Unbenannt.JPG"> 
        </div>
        <div class="col">
            <img class="immij t" src="http://upload.wikimedia.org/wikipedia/en/d/d8/Unbenannt.JPG">
            <img class="immij b" src="http://upload.wikimedia.org/wikipedia/en/d/d8/Unbenannt.JPG">
        </div>
    </div>
</div>

CSS

*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.row {
    width:100%;
    overflow:visible;
}
.col {
    width:25%;
    float:left;
}
.col.main {
    width:50%;
}
.immij {
    width:100%;
    height:auto;
}
.immij.t {
    float:left;
}