Rounded Image with Caption

<div class="w-full max-w-3xl mx-auto">
  <figure class="bg-white rounded-lg shadow-md overflow-hidden">
    <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/366dc3f4-74dc-4d5b-9c9b-9ff9993cb225_3840w.jpg" alt="Featured Image" class="w-full h-auto object-cover" loading="lazy" />
    <figcaption class="p-4 text-gray-700 text-sm text-center bg-gray-50">
      <p class="font-medium">Image caption or description goes here</p>
    </figcaption>
  </figure>
</div>