img {
  max-width: 100%;
  height: auto;
}
img.align-left {
  margin: 0.5rem 1rem 0.5rem 0;
}
img.align-right {
  margin: 0.5rem 0 0.5rem 1rem;
}

.headshot {
  background-color: #fff;
  border: solid 0.125rem var(--bs-secondary, #502d0e);
  padding: 0.25rem;
}
.headshot img {
  height: calc(100% - 0.5rem) !important;
  left: 0.25rem !important;
  top: 0.25rem !important;
  width: calc(100% - 0.5rem) !important;
}

.image-fit img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.ratio img {
  -o-object-fit: cover;
  object-fit: cover;
}
.ratio figcaption {
  top: 100%;
}

figure.caption figcaption {
  background-color: var(--bs-tertiary, #1d5970);
  color: var(--bs-beige, #fff6da);
  font-size: 0.875rem;
}
figure.align-left {
  margin: 0.5rem 1rem 0.5rem 0;
}
figure.align-right {
  margin: 0.5rem 0 0.5rem 1rem;
}