/* galeria */

.gallery-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: auto;
}

.zoom-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.zoom-icon svg {
  position: absolute;
  transform: translate(20%, 20%);
  opacity: 0;
  transition: 0.3s ease-in-out;
  z-index: 1;
}

.zoom-icon img {
  transition: 0.3s ease-in-out;
}

.zoom-icon:hover svg {
  opacity: 1;
}

.zoom-icon:hover img {
  filter: brightness(70%);
}

@media only screen and (max-width: 1000px) {
  .gallery-content {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 500px) {
  .gallery-content {
    grid-template-columns: repeat(2, 1fr);
  }
}