.about-page .about-masonry-gallery {
  width: auto;
  column-count: 4;
  column-gap: 16px;
  column-fill: balance;
  margin-block-start: var(--about-subpage-content-gap);
  margin-inline: var(--about-subpage-heading-inset);
  padding: 0;
  list-style: none;
}

.about-page .about-masonry-item {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 0 0 16px;
  break-inside: avoid;
}

.about-page .about-masonry-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

@media (width < 1200px) {
  .about-page .about-masonry-gallery {
    width: 100%;
    column-count: 4;
    margin-inline: 0;
  }
}

@media (width >= 1200px) and (width < 1357px) {
  .about-page .about-masonry-gallery {
    column-count: 3;
  }
}

@media (width < 1046px) {
  .about-page .about-masonry-gallery {
    column-count: 3;
  }
}

@media (width < 739px) {
  .about-page .about-masonry-gallery {
    column-count: 2;
  }
}