JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <div class="first"></div>
  <div class="second"></div>
</div>

CSS

div {
  width: 300px;
  height: 200px;
  position: relative;
}

.first {
  background-color: #1ec6a3;
  opacity: 0.8;
  z-index: 101;
  position: absolute;
}

.second {
  background-image: url('https://s.pstatic.net/static/www/img/2018/sp_search.svg');
  z-index: 100;
  position: absolute;
}