<div class="container">
  <img src="https://images.unsplash.com/photo-1625252568254-256958377c1d?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80">
  <img src="https://images.unsplash.com/flagged/photo-1585745540837-ec55409a515d?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1414&q=80">
</div>
*{
  margin:0px;
  padding:0px;
  box-sizing:border-box;
}
.container{
  position:relative;
  width:100%;
  height:100vh;
}
.container img{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.container img:nth-child(2){
  mix-blend-mode:screen;
  filter:brightness(2);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.