<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.