/* Banner hover animation with slow zoom in/out effect */
.banner-hover-slowmo img {
  transform-origin: 50% 65%;
  transition: transform 5s, filter 3s ease-in-out;
}
.banner-hover-slowmo:hover > img {
  filter: brightness(0.7);
  transform: scale(1.06);
}

/* Banner initial animation with spin effect */
.banner-initial-spin img {
  transform-origin: 50% 55%;
  animation: zoom-in-out 5s ease-in-out;
}

@keyframes zoom-in-out {
  0% {
    transform: rotate(15deg) scale(2, 2);
    filter: brightness(1.2);
  }
  100% {
    transform: rotate(0deg) scale(1, 1);
    filter: brightness(1);
  }
}
/* Disable animations for users who choose reduced motion for accessibility */
@media (prefers-reduced-motion) {
  .banner-hover-slowmo img {
    transition: none;
  }
  .banner-hover-slowmo:hover > img {
    filter: none;
    transform: none;
  }
  .banner-initial-spin img {
    animation: none;
    transform: none;
    filter: none;
  }
}

/*# sourceMappingURL=animations.css.map */