.image-columns {
  --image-columns-gap: calc(var(--col-gap) * 0.25);
  display: grid;
  gap: var(--image-columns-gap);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}

.image-columns-wrapper--full-width {
  width: 100%;
}

.image-columns__caption {
  font-size: calc(17px / 18 * var(--base-body-size) + 0px);
  padding: 1em;
}

@media screen and (max-width: 599px) {
  .image-columns {
    grid-template-columns: 1fr;
  }
}