/* Estilos para o contêiner da imagem */
.image-container {
  overflow: hidden; /* Esconde a parte da imagem que ultrapassa o contêiner */
  width: 300px; /* Defina a largura desejada */
  height: 200px; /* Defina a altura desejada */
  border: 2px solid #ccc; /* Adiciona uma borda para melhor visualização */
}

/* Estilos para a imagem */
.image-container img {
  width: 100%; /* A imagem ocupa toda a largura do contêiner */
  transition: transform 0.5s ease; /* Transição suave para o efeito de zoom */
}

/* Estilos para a imagem ao passar o mouse */
.image-container:hover img {
  transform: scale(1.2); /* Aumenta a imagem em 20% */
}