 -6px 20px rgba(255, 0, 0, 0.25);
  }

  50% {
    box-shadow: -6px -6px 15px rgba(255, 194, 80, 0.25),
  6px 6px 20px rgba(255, 0, 0, 0.25);
  }

  100% {
    box-shadow: 6px 6px 15px rgba(255, 194, 80, 0.25),
  -6px -6px 20px rgba(255, 0, 0, 0.25);
  }
}

.card .heading {
  font-size: 18px;
  font-weight: 800;
  background-size: 300% 300%;
  background-image: linear-gradient(to right, #d52643, yellow, yellowgreen);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  z-index: 