JSFiddle - React, Tailwind, and code Playground

HTML

<div class="img-300 img"></div>
<br>
<div class="img-450 img"></div>

CSS

.img {
    background:url(https://s3.amazonaws.com/ooomf-com-files/lUUnN7VGSoWZ3noefeH7_Baker%20Beach-12.jpg);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.img-300 {
    width: 300px;
    height: 200px;
}

.img-450 {
    width:1000px;
    height:200px;
}
}