@import "variables";


.gallery {
  display: grid;
  grid-auto-flow: row dense;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2em 2em;

  img {
    max-width: 100%;
  }

  img:hover {
    border: 2px ridge var(--accent);
  }
}

.gallery:has(img:hover) img:not(:hover) {
  filter: brightness(0.5) contrast(0.5);
}