JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fimg">
    <span class="filter"></span>
    <img src="http://bezproblem.ucoz.ru/iconki/cerno_belye/1/02.png" alt="" />
</div>

<div class="fimg">
    <span class="filter"></span>
    <img src="http://bezproblem.ucoz.ru/iconki/cerno_belye/1/02.png" alt="" />
</div>

CSS

.fimg {
    position: relative;
    display: inline-block;
}
.fimg img, .filter {
    width: 150px;
    height: 150px;
}
.filter {
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(254, 254, 234, .29);
}