@keyframes zoom-in {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

.animate-zoom-in {
  animation: zoom-in 8s ease-in-out infinite alternate;
  will-change: transform;
}

@keyframes zoom-in-place {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(2);
  }
}

.zoom-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  animation: zoom-in-place 10s ease-in-out infinite alternate;
  will-change: transform;
}