/* Zoom Animation */
@keyframes zoomIn {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}

@keyframes zoomOut {
  from {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}

/* Zoom In Effect */
.zoom-in {
  animation: zoomIn 1s ease-in-out ; 
}

/* Zoom Out Effect */
.zoom-out {
  animation: zoomOut 1s ease-in-out infinite; 
}
.zoom-on-hover {
  transition: transform 1.5s ease-in-out;
  transform: scale(1);
}

.zoom-on-hover:hover {
  transform: scale(1.1); 
}