JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

CSS

#div1{
    background-image:url('http://dummyimage.com/1100X337/000/fff.jpg&text=THIS+IS+AN+IMG');
    height:60px;
    width:100px;
    border: 1px solid red;
}
#div2{
    background-image:url('http://dummyimage.com/1100X337/000/fff.jpg&text=THIS+IS+AN+IMG');
    background-size: 100%;
    height:180px;
    width:200px;
    border: 1px solid red;
}

#div3{
    background-image:url('http://dummyimage.com/1100X337/000/fff.jpg&text=THIS+IS+AN+IMG');
    background-size: 100px 100px;
    /* width first, height second */
    height:180px;
    width:200px;
    border: 1px solid red;
}