JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="example1"></div>    
    <div class="example2"></div> 
</body>

CSS

div {
    background-image: url('http://s3.amazonaws.com/rapgenius/filepicker%2FvCleswcKTpuRXKptjOPo_kitten.jpg');
    background-repeat: no-repeat;
    height: 350px;
    width: 350px;
    border:1px solid red;
}

div.example1 {
    background-size:crop;
 }

div.example2 {
    background-size: 100%;
 }