@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); /* Starts far above the element's original position */
  }
  60% {
    opacity: 1;
    transform: translateY(30px); /* Bounces slightly below the final position */
  }
  80% {
    transform: translateY(-10px); /* Bounces back up slightly */
  }
  100% {
    transform: translateY(0); /* Settles at the final position */
  }
}

.bounce-in-down-element {
  animation: bounceInDown 1s ease-out forwards; /* Apply the animation */
}