JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ratio4-3">
  <div class="text-center">
    content could go in here
  </div>
</div>

CSS

.ratio4-3 {
 width: 100%;
 background-image: url("https://i.stack.imgur.com/viNrB.png");
 background-size: cover;
 height: 0;
 padding: 0; /* reset */
 padding-bottom: calc(100% * 3 / 4);
}

.text-center {
  text-align: center;
  color: white;
}