JSFiddle - React, Tailwind, and code Playground

HTML

<div class="viewport-units"></div>
<div class="padding"></div>

CSS

.viewport-units{
  height:30vw;
  background-image:url("//rrrabota.ru/wp-content/uploads/rrr/rrr-hero.svg");
  background-size:cover;
  background-color:#f0f;
}
.padding{
  padding-bottom:50%;
  background-image:url("http://weknowyourdreams.com/images/cat/cat-02.jpg");
  background-size:cover;
  background-color:#f0f;
}