JSFiddle - React, Tailwind, and code Playground

HTML

<img src='http://www.solomovies.ch/uploads/blog/lorem-ipsum-1440x900-text-on.jpg'>

<div></div>

CSS

img {
  width: calc(50vw - 20px);
  height: calc((50vw - 20px) * 0.5625); /*16:9 aspect ratio*/
}

div {
  position: relative;
  background-image: url('http://www.solomovies.ch/uploads/blog/lorem-ipsum-1440x900-text-on.jpg');
  background-size: 100% 100%;
  padding-bottom: 75%;
}