---
import Image from "./Image.astro";
const {src, alt, caption} = Astro.props;
---

<figure style="display: inline-block; text-align: center; margin-block: 1em;">
  <Image src={src} alt={alt} style="max-width: 100%; height: auto;" />
  <figcaption style="font-size: 0.9rem; text-align: center; color: #666; margin-top: 0.5rem;">
    {caption}
  </figcaption>
</figure>