.is-header-with-gradient {
  height: 100vh;
  position: relative;
  animation: gradientMove 20s ease-in-out infinite alternate;
  background: radial-gradient(circle at var(--x, 70%) var(--y, -20%), rgb(from var(--rh--color--highlight) r g b/0.2) 0%, rgb(from var(--rh--color--ci) r g b/0.1) 15%, rgb(from var(--rh--color--ci--secondary) r g b/0.35) 30%, rgb(from var(--rh--color--ci) r g b/0.25) 45%, rgb(from var(--rh--color--highlight) r g b/0.15) 60%, rgb(from var(--rh--color--ci--secondary) r g b/0.25) 75%, rgb(from var(--rh--color--ci) r g b/0.08) 100%);
  background-size: 200% 200%;
  background-repeat: no-repeat;
}
@media (prefers-reduced-motion: reduce) {
  .is-header-with-gradient {
    animation: none;
  }
}
.is-header-with-gradient .is-text-group {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.is-header-with-gradient .is-text-group .wp-block-heading {
  color: var(--rh--color--ci--secondary--contrast);
}

@keyframes gradientMove {
  0% {
    background-position: 75% 40%;
  }
  50% {
    background-position: 0% 60%;
  }
  100% {
    background-position: 40% 31%;
  }
}