JSFiddle - React, Tailwind, and code Playground

HTML

<div class="body">
    
<div class="container"></div><div class="container"></div><div class="container"></div><div class="container"></div><div class="container"></div><div class="container"></div><div class="container"></div><div class="container"></div><div class="container"></div><div class="container"></div><div class="container"></div><div class="container"></div><div class="container"></div><div class="container"></div><div class="container"></div><div class="container"></div>
    
</div>

CSS

.body {
    margin: 15px;
    background: grey;
}
.container {
    background-image: url("http://i.imgur.com/MUQ1HxQ.jpg"); 
    background-size: 600% 100%;
    background-position: 0px 0px;
    margin-right: 1%;
    width: 23.75%;
    height: 15vw;
    display: inline-block;
}
.body .container:nth-child(4n+1) {
    margin-left: 1%;
}