.masked-text {
  font-weight: bold;
  color: transparent;
  background-image: url('https://img.freepik.com/premium-vector/blue-gradient-background_88650-7049.jpg'); 
  background-size: 200%; /* Enlarged for smooth animation */
  background-position: 0% 0%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: animate-background 50s infinite ease-in-out;
}

@keyframes animate-background {
  0% {
      background-position: 0% 0%;
      background-size: 200%;
  }
  25% {
      background-position: 100% 0%;
      background-size: 100%;
  }
  50% {
      background-position: 100% 100%;
      background-size: 200%;
  }
  75%{
      background-position: 0% 100%;
      background-size: 100%;
  }
  100% {
      background-position: 0% 0%;
      background-size: 200%;
  }
}