.imagenes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 10px;
  opacity: 0.9;
  padding: 20px;
  flex-wrap: wrap;
}

.imagenes img {
  width: 100%;
  height: 100%;
  transition: 0.8s ease;
  border-radius: 10px;
  border: 2px solid #979797;
}

.imagenes:hover img {
  transform: scale(0.9);
  opacity: 0.5;
}

.imagenes img:hover {
  filter: blur(0);
  transform: scale(1);
  opacity: 1;
  filter: contrast(120%);
}