.beni_footer{
    background-image: url('../images/bg-footer.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    display: flex;
}


@keyframes bg-pan {
  0% {
    background-position: 0% 0%;
  }
  25% {
    background-position: 50% 30%;
  }
  50% {
    background-position: 100% 50%;
  }
  65% {
    background-position: 50% 70%;
  }
  80% {
    background-position: 0% 100%;
  }

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

.beni_bg {
  background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.6)), url('../images/bg-hero.webp');
  background-size: 200% 200%;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  animation: bg-pan 20s ease-in-out infinite;
  background-blend-mode: lighten;
}

@keyframes gradient {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.animate-gradient {
  animation: gradient 15s ease infinite;
}