.galeria {
  margin: 1rem 0;
}

.galeria > p {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin: 0;
}

.galeria a {
  flex: 0 0 8rem;
}

.galeria img {
  width: 100%;
  aspect-ratio: 1072 / 1448;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.2rem;
}

/* o glightbox calcula a altura da imagem sem descontar a legenda e corta o topo */
.glightbox-container .gslide-image img {
  max-height: calc(100vh - 8rem) !important;
}

.glightbox-container .gslide-title,
.glightbox-container .gslide-desc {
  text-align: center;
}