JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="mainpic">
    </div>
</div>

CSS

.container {
    width: 100%;
    height: 100%;
	line-height: 0;
    background-color: yellow;
}

.mainpic {
    background-image: url('http://www.placehold.it/1922x1080');

    background-size: 100% 100%;
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
}