@keyframes gradientFade {
  0% {
    background-position: 0% 50%;
    opacity: 1;
  }
  50% {
    background-position: 100% 50%;
    opacity: 0.7;
  }
  100% {
    background-position: 0% 50%;
    opacity: 1;
  }
}

.animate-gradient-fade {
  background-size: 200% 200%;
  animation: gradientFade 8s ease 1;
}