<div class="mix"></div>

.mix {
    margin: 30px auto 0;
    width: 400px;
    height: 400px;
    z-index: 2;
    background: url('https://yyb.gtimg.com/aiplat/page/product/visionimgidy/img/demo6-16a47e5d31.jpg?max_age=31536000'), cyan;
    background-blend-mode: lighten;
    background-size: center;

  &:after {
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    z-index: 3;
    background: url('https://yyb.gtimg.com/aiplat/page/product/visionimgidy/img/demo6-16a47e5d31.jpg?max_age=31536000'), red;
    background-blend-mode: lighten;
    margin-left: 10px;
    background-size: center;
    mix-blend-mode: darken;
    animation: move 10s infinite linear;
    transform: translate(-450px, 0)
  }
}

@keyframes move {
    0% {
        transform: translate(-350px, 0);
    }
    50%, 100% {
        transform: translate(0, 0);
    }
}