<div class="imgBox">
<img src="img/img.png" />
</div>
.imgBox{
background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6));
}
.imgBox img{
mix-blend-mode:multiply;
}
<div class="imgBox">
<img src="img/img.png" />
</div>
.imgBox{
background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6));
}
.imgBox img{
mix-blend-mode:multiply;
}