.old-gallery-section-when-it-was-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 6px;
  align-items: center;
  grid-template-rows: masonry;
}

.gallery-section {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  align-content: flex-start;
  gap: 6px;
}

.gallery-section figure {
  border: 1px solid #666;
  border-radius: 0px;
  max-width: 100%;
  margin: 0;
  flex: 1 1 18%;
}

.landscape-flex  {
  flex: 2 2 36% !important;
}

.gallery-section figure:hover {
  border: 1px solid #eee;
}


.gallery-section figcaption {
    background-color: #ddd;
    color: #000;
    font: italic 12px sans-serif;
    padding: 3px;
    text-align: center;
    margin-top: -8px;
}

.xxxgallery-section figure {
  margin-inline: 0px 0px;
  margin: 0;
}