/* basic masonry styles - same as for the image grid */
.grid--masonry {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(20em, 100%), 1fr));
  grid-template-rows: masonry;
  justify-content: center;
  grid-gap: 1em;
  padding: 0.5em;
}

.grid--masonry > * {
  align-self: start;
}