JSFiddle - React, Tailwind, and code Playground

HTML

<div class="diapo">
    <a href="#">
       <div style="background-image: url(http://irenefw.com/media/photo/petit/1.jpg);"></div>
    </a>
</div>
<div class="diapo">
    <a href="#">
       <div style="background-image: url(http://irenefw.com/media/photo/petit/2.jpg);"></div>
    </a>
</div>
<div class="diapo">
    <a href="#">
       <div style="background-image: url(http://irenefw.com/media/photo/petit/3.jpg);"></div>
    </a>
</div>
<div class="diapo">
    <a href="#">
       <div style="background-image: url(http://irenefw.com/media/photo/petit/4.jpg);"></div>
    </a>
</div>

CSS

.diapo {
    width: 96px; height: 96px;
    float: left;
    margin: 0 4px 4px 0;
}
.diapo > a > div {
    height: 96px;
    background-size: cover;
    background-position: center;
}