Légende d'image

<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap');

.bn-figure {
  max-width: 560px;
  margin: 0;
  padding: 2.5rem;
  font-family: 'Inter', sans-serif;
  background: #0B0F10;
}

.bn-figure img {
  width: 100%;
  display: block;
  border-radius: 4px;
}

.bn-figure__caption {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(230, 228, 221, 0.15);

  font-size: 0.8rem;
  font-style: italic;
  color: #979793;
}

</style>

<figure class="bn-figure">
  <img src="https://placehold.co/640x400" alt="Paysage brumeux au crépuscule" />
  <figcaption class="bn-figure__caption">
    L'horizon n'est jamais une fin, mais le début d'une autre question.
  </figcaption>
</figure>