JSFiddle - React, Tailwind, and code Playground

by Timar

HTML

<div class="myDiv">
  <div class="overlay"></div>
</div>

CSS

.myDiv{
  height:333px;
  width:333px;
  background:url('https://firebasestorage.googleapis.com/v0/b/imagetagai.appspot.com/o/users%2FssSyDaHbAWYm4SCtUi1QKsYEbdG2%2Fimages%2Fb5H2xtfdzwCEwJ_ico_big.webp?alt=media');
}
.overlay{
  position:relative;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.3);
}