JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo" class="cover" style="background-image: url('http://weknowyourdreamz.com/images/happy/happy-05.jpg');"></div>
<div id="bar" class="cover" style="background-image: url('http://dailybestlike.com/wp-content/uploads/2015/07/simple-ideas-products-11.jpg');"></div>

CSS

.cover{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#bar{
    width: 200px; /* use any width or height */
    height: 50px;
 }
#foo{
    width: 50px; /* use any width or height */
    height: 200px;
}