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

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

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