.containerG {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  jjustify-items: center;
  ggrid-gap: 0;
}

.item {
  width: 100%;
  overflow: hidden;
  background: #000;
  height: 250px;
}

.containerG {
  overflow: hidden; /* Importante para que el zoom no se salga */
}

.containerG img {
  opacity: 0.6;
  width: 100%;
  height: 100%;
  object-fit: cover;        /* Mantiene proporción sin deformar */
  object-position: center;  /* Centra la imagen */
  transform: scale(1.15);
  transition: transform 0.5s, opacity 0.5s;
}

.containerG img:hover {
  opacity: 1;
  transform: scale(1.03);
}