Responsive Testimonial Card with Avatar

<section class="w-full sm:px-6 md:px-10 max-w-7xl mt-8">
  <figure class="relative overflow-hidden rounded-[40px] bg-white/90 backdrop-blur-xl ring-1 ring-neutral-200/70 border-t border-neutral-200/70 shadow-[0_30px_80px_-30px_rgba(0,0,0,0.15)]">
    <div class="px-5 py-8 sm:px-10 sm:py-12 md:px-14 md:py-14 text-center">
      <div class="inline-flex items-center gap-2 rounded-full bg-neutral-50 text-neutral-800 text-xs px-3 py-1.5 ring-1 ring-neutral-200">
        <svg xmlns="http://www.w3.org/2000/svg" data-lucide="star" viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class=""><polygon points="12 2 15 8.5 22 9.3 17 14 18.5 21 12 17.8 5.5 21 7 14 2 9.3 9 8.5 12 2" class=""></polygon></svg>
        We analyze your data
      </div>

      <blockquote class="mt-6 sm:mt-7">
        <p class="mx-auto max-w-5xl text-2xl sm:text-4xl md:text-5xl lg:text-6xl leading-[1.1] tracking-tight text-neutral-900 font-medium">
          We find what to <span class="italic font-instrument-serif">automate</span>, who your users are &amp; how
          AI can optimize your <span class="italic font-instrument-serif">workflow</span>. Best part is we also
          build and launch <span class="italic font-instrument-serif">real solutions</span>.
        </p>
      </blockquote>

      <figcaption class="mt-8 sm:mt-10 flex items-center justify-center gap-3">
        <img alt="Author portrait" class="h-9 w-9 sm:h-10 sm:w-10 rounded-full ring-2 ring-white object-cover shadow-sm" src="https://images.unsplash.com/photo-1544005313-94ddf0286df2?q=80&amp;w=200&amp;auto=format&amp;fit=crop">
        <div class="text-sm sm:text-base text-neutral-700">
          <span class="text-neutral-900 font-medium">Avery Chen</span>
          <span class="mx-2 text-neutral-300">•</span>
          Co‑founder &amp; AI Strategy Lead
        </div>
      </figcaption>
    </div>

    <div class="pointer-events-none absolute -bottom-24 left-1/2 -translate-x-1/2 h-64 w-[36rem] rounded-[50%] bg-gradient-to-t from-neutral-200/50 to-transparent blur-3xl"></div>
  </figure>
</section>