@keyframes gradientChange {
  0% {
    background: conic-gradient(from -90deg at center, #ffffff, #FF4040, #4C9541);
  }
  20% {
    background: conic-gradient(from -90deg at center, #ffffff, #0043FD, #4C9541);
  }
  40% {
    background: conic-gradient(from -90deg at center, #ffffff, #BA9F33, #4C9541);
  }
  60% {
    background: conic-gradient(from -90deg at center, #ffffff, #6A20C9, #4C9541);
  }
  80% {
    background: conic-gradient(from -90deg at center, #ffffff, #00A2FF, #4C9541);
  }
  100% {
    background: conic-gradient(from -90deg at center, #ffffff, #FF4040, #4C9541);
    
  }
}

.gradient1 {
  animation: gradientChange 20s infinite;
}