JSFiddle - React, Tailwind, and code Playground

HTML

<div class=frame style="background-image: url('http://placekitten.com/100/25')">
    <!-- w -->
</div>
<div class=frame  style="background-image: url('http://placekitten.com/100/23')">
    <!-- w -->
</div>
<div class=frame style="background-image: url('http://placekitten.com/100/21')">
    <!-- w -->
</div>
<div class=frame style="background-image: url('http://placekitten.com/100/19')">
    <!-- w -->
</div>
<div class=frame style="background-image: url('http://placekitten.com/100/17')">
    <!-- w -->
</div>
<div class=frame style="background-image: url('http://placekitten.com/100/15')">
    <!-- w -->
 </div>
<div class=frame style="background-image: url('http://placekitten.com/100/13')">
    <!-- w -->
 </div>
<div class=frame style="background-image: url('http://placekitten.com/100/11')">
    <!-- w -->
 </div>
<div class=frame style="background-image: url('http://placekitten.com/100/9')">
    <!-- w -->
 </div>
<div class=frame style="background-image: url('http://placekitten.com/100/7')">
    <!-- w -->
 </div>
<div class=frame style="background-image: url('http://placekitten.com/100/5')">
    <!-- w -->
 </div>
<div class=frame style="background-image: url('http://placekitten.com/100/3')">
    <!-- w -->
 </div>

CSS

.frame {
    height: 25px;      /* equals max image height */
    width: 160px;
    border: 1px solid red;
    background-position: center;
    background-repeat: no-repeat;
}