section#home {
  position: relative;
  background: url(../../assets/img/header_bg.jpg);
}

section#home:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../assets/img/header_bg.jpg);
  background-size: cover;
  opacity: .5;
  mix-blend-mode: hard-light;
}

section#home:before {
  animation: animate 3s linear infinite;
}

@keyframes animate {
  0% {
    background-position: 0 0;
    filter: hue-rotate(0deg);
  }
  10% {
    background-position: 10px 0;
  }
  20% {
    background-position: 0px 0;
  }
  30% {
    background-position: 10px 0;
  }
  40% {
    background-position: 0px 0;
  }
  50% {
    background-position: -20px 0;
  }
  60% {
    background-position: -0px 0;
  }
  100% {
    background-position: 0 0;
    filter: hue-rotate(360deg);
  }
}