.captioned-image {
  display: table;
  margin-bottom: 1em;
  max-width: 100%;
}

.captioned-image img {
  max-width: 100%;
  height: auto;
  margin-bottom: .5em;
}

.captioned-image .image-caption {
  display: table-caption;
  caption-side: bottom;
  font-style: italic;
  line-height: 1.2;
  font-size: .85em;
}

.captioned-image .image-caption.center {
  text-align: center;
}

.captioned-image .image-caption div {
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}