<img class="two" src="https://media.giphy.com/media/l2JJC1sjFGQ22rNSw/giphy.gif"/>
<img class="one" src="https://media.giphy.com/media/xT0BKn1mc98198HHFu/giphy.gif"/>
<img class="three" src="https://media.giphy.com/media/l2JJCzS4LU6wEAqfm/giphy.gif"/>
body {
  background-color: black;
}

img {
  position: absolute;
  left: calc(50vw - 300px);
  width: 600px;
}

.one {
  margin-top: -100px;
  mix-blend-mode: difference;
}

.three {
  margin-top: 189px;
  mix-blend-mode: lighten;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.