JSFiddle - React, Tailwind, and code Playground

HTML

<div class="frame f1"></div> 
<div class="frame f2"></div>
<div class="frame f3"></div>
<div class="frame f4"></div>

CSS

.frame {
    width: 50px;
    height: 100px;
    background-image: url(http://donsmaps.com/clickphotos/dolnivi200x100.jpg);
    float: left;
}
.f1{background-position: 0px 0px;}
.f2{background-position: -50px 0px;}
.f3{background-position: -100px 0px;}
.f4{background-position: -150px 0px;}