JSFiddle - React, Tailwind, and code Playground

HTML

<div class="right">
    <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQ_6mo-2hkxcKKemtEcWxzcwBZNFD3POntVND7IIeKLBPB9ceKY" />
    <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQ_6mo-2hkxcKKemtEcWxzcwBZNFD3POntVND7IIeKLBPB9ceKY" />
</div>
<img src="http://akamaicovers.oreilly.com/images/9780596806767/cat.gif" alt="" />
<div class="left">
    <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQ_6mo-2hkxcKKemtEcWxzcwBZNFD3POntVND7IIeKLBPB9ceKY" />
    <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQ_6mo-2hkxcKKemtEcWxzcwBZNFD3POntVND7IIeKLBPB9ceKY" />
</div>

CSS

html, body {
    height: 100%;
    width: 100%;
}
img {
    height: 90%;
    float: left;
}
div {
    float: left;
    width: 40px;
    position: relative;
    z-index: 1;
    height: 90%;
}
div.left {
    margin-left: -40px;
}
div.right {
    margin-right: -40px;
}
div > img {
    padding: 3px;
    border: 2px dashed blue;
    width: 30px;
    height: 30px;
}
div > img:last-child {
    bottom: 0px;
    right: 0px;
    position: absolute;
}