<div class="bg">
  <img src="https://images.unsplash.com/photo-1531812960393-07fab8c1a28f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2550&q=80" alt="">
</div>
.bg {
  /* CREDITS TO THE OWNER OF THIS GIF I FOUND FROM A GOOGLE SEARCH */
  background-image: url('https://media.giphy.com/media/28mff4kYhpEAflG7Gh/giphy.gif');
  background-size: cover;
   width: 100vw;
}

.bg img {
  width: 100%;
  mix-blend-mode: multiply;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.