.gallery-note {
  text-align: center;
  font-size: 20px;
  padding: 10px;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  padding: 10px 10px 5px;
  grid-auto-flow: dense;
}

.gallery-item {
  overflow: hidden;
}
.gallery-item img {
  width: 100%;
  height: auto;
  display: block;
}
.gallery-item.large {
  grid-column: span 2;
  grid-row: span 2;
}

blockquote {
  padding: 5px 10px 10px;
}

@media (max-width: 768px) {
  .gallery-note {
    font-size: 3.2vw;
  }
  .gallery {
    grid-template-columns: repeat(2, 1fr);
  }
  .gallery-item.large {
    grid-column: span 2;
    grid-row: span 1;
  }
}/*# sourceMappingURL=gallery.css.map */