.image-with-caption {
  align-items: center;
  display: flex;
  flex-direction: column;

  max-width: 100%;
  overflow: hidden;

  @media screen and (max-width: 450px) {
    max-height: unset;
  }

  img {
    max-height: 800px;
    max-width: 100%;
    height: auto;
    width: auto;
    object-fit: contain;
    display: block;

    @media screen and (max-width: 450px) {
      max-width: 100%;
    }
  }

  figcaption {
    font-size: 1rem;
    color: var(--primary);
  }
}