JSFiddle - React, Tailwind, and code Playground

by samando27

HTML

<div class="img-container">
  <div class="overlay">
    Some content
  </div>
</div>

CSS

div {
  height: 200px;
  width: 200px;
}

.img-container {
  background-image: url(https://placehold.it/200x200);
}

.overlay {
  background-color: #4099FF;   // or rgba(X,Y,Z,.3)
  opacity: .3;
}