html

<div class="bg-blend">
  <a href="#">クリック可能</a>
</div>

scss

.bg-blend {
  width: 100%; //希望のコンテンツ横幅
  height: 100vh; //希望のコンテンツ縦幅
  position: relative;
  &:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/noise.gif); //ブレンドさせたい背景
    background-repeat: repeat;
    opacity: 0.1; //透明度を調整
    mix-blend-mode: hard-light; //ブレンドの種類を調整(検証ツールで調整)
    z-index: 999; //どの要素まで被せたいかで調整
    pointer-events: none; // ブレンドしている背景のクリックイベントを無視
  }
}