JSFiddle - React, Tailwind, and code Playground

by Aaron von Schassen

HTML

<div>
<img src="https://www.wpexplorer.com/wp-content/uploads/wordpress-image-optimization-guide.jpg">
  <p>
  
  </p>
</div>

CSS

div {
  display: block;
  background: url('https://www.wpexplorer.com/wp-content/uploads/wordpress-image-optimization-guide.jpg');
  background-size: cover;
}

img {
  width: 100%;
}

p {
  background: white;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 5vw;
  left: 5vw;
}