.figure {
  width: 100%;
  flex: 1;
}

.figure__caption {
  margin: 0.5em 0 2em;
  padding: 0 var(--width-gutter);

  .about & {
    padding-left: 0;
  }
}

.figure__image-container--containheight {
  height: var(--height-figure-image-container-contain-height, 100%);
  width: var(--width-figure-image-container-contain-height, auto);
  aspect-ratio: var(--aspect-ratio-figure-image-container-contain-height, 1 / 1);
  container-name: var(--container-name-figure-image-container-contain-height);
  container-type: var(--container-type-figure-image-container-contain-height);
  display: flex;
  justify-content: center;
}