.image-container {
  position: relative;
  overflow: hidden; /* Oculta a parte ampliada fora do contêiner */
  width: 300px; /* Ajuste o tamanho do contêiner */
  height: 300px;
}

.zoomable-image {
  transition: transform 0.3s ease;
  width: 100%;
  height: 100%;
  cursor: zoom-in;
}

.zoomable-image:hover {
  transform: scale(1.5); /* Aumenta a imagem em 1.5x */
}