JSFiddle - React, Tailwind, and code Playground

HTML

<div class="element"></div>

CSS

html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.element {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('http://s12.postimg.org/wlzwprcct/Photopodborka_012.jpg');
    background-size: 100% auto;
    background-position: 50% 50%;
}

@media screen and (max-aspect-ratio: 689/517) {
    .element {
         background-size: auto 100%;
    }    
}