.bg-animation {
  overflow: hidden;
}

.bg-animation::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('../images/bg-light.png');
  background-size: 450vw auto;
  background-position: center;
  background-repeat: no-repeat;
  filter: blur(30px);
  animation: moveBackground 4s infinite ease-in-out;
}

@media (min-width: 768px) {
  .bg-animation::before {
    background-size: 200vw auto;
  }
}

@keyframes moveBackground {
  0% {
    background-position: center center;
  }

  50% {
    background-position: left 10% bottom;
  }

  100% {
    background-position: center center;
  }
}

/*# sourceMappingURL=bg-animation.css.map */