JSFiddle - React, Tailwind, and code Playground

HTML

<div class="banner">
    <div class="bannerImg"></div>
</div>

CSS

.banner {
    position: relative;
    padding-bottom: 15%;
}

.bannerImg {
    background-image: url(https://dl.dropboxusercontent.com/u/78011710/Sharing/PSD2HTML/banner.jpg);
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}