JSFiddle - React, Tailwind, and code Playground

by CreativeDreams

HTML

<div class="container">
  <img src="https://creativethemes.com/wp-content/uploads/2019/04/top_hero.svg" alt="">
</div>

SCSS

.container {
  position: relative;
  width: 50%;
  background: #fff;
  
  img {
    max-width: 100%;
  }
  
  &:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('https://creativethemes.com/wp-content/uploads/2019/04/noise.png');
    background-size: 60px;
    mix-blend-mode: overlay;
  }
}