img {
  width: 100%;
  height: auto;
  display: block;
}

.captioned-image {
  width: 100%;
  padding: 1rem 0;

  figcaption {
    text-align: center;
    padding-top: 0.5rem;
    color: color-mix(in srgb, var(--text) 50%, var(--background));
  }
}