.#hero-section {
  transition: background-image 1.5s ease-in-out;
  background-size: cover;
  background-position: center;
}
.hedertext1:hover {
  animation: glowBlink 1s infinite;
  color: #2a7de1;
}

@keyframes glowBlink {
  0% {
    opacity: 1;
    text-shadow: 0 0 5px #2a7de1;
  }
  50% {
    opacity: 0.4;
    text-shadow: 0 0 20px #2a7de1;
  }
  100% {
    opacity: 1;
    text-shadow: 0 0 5px #2a7de1;
  }
}