JSFiddle - React, Tailwind, and code Playground

by isherwood

HTML

<div class="background">
  <div class="text">Some text.</div>
</div>

CSS

.background {
  background-image: url('http://lorempixel.com/930/454/nature');
  background-size: cover;
  height: 0;
  padding-bottom: 56.25%;
  max-width: 100%;
  position: relative;
}
.text {
  position: absolute;
  right: 20px;
  bottom: 20px;
  background: rgba(255,255,255,.3);
  padding: 20px;
}