JSFiddle - React, Tailwind, and code Playground

HTML

<div class="base"><div class="shade"></div></div>

CSS

.base{
  background: url('https://upload.wikimedia.org/wikipedia/commons/thumb/a/a9/Macaca_sinica_-_01.jpg/220px-Macaca_sinica_-_01.jpg') center no-repeat;
  height: 330px; width: 220px;
}
.shade{
  height: 100%; width: 100%; background: rgba(25, 25, 25, 0.25);
}