Testimonial Mix Bento

<!-- Initials avatars are gradient circles (aria-hidden - the name is the label).
     Quote is a <blockquote>, attribution a <figcaption>. -->
<section class="mx-auto grid w-full max-w-5xl grid-cols-1 gap-4 p-4 sm:grid-cols-3 sm:p-6">
  <figure class="flex flex-col justify-between rounded-2xl bg-gray-900 p-6 text-white dark:bg-gray-800 sm:col-span-2 sm:row-span-2">
    <blockquote class="text-lg font-medium leading-relaxed">"We shipped a rebuild in six weeks that we'd budgeted six months for. It is the tool we didn't know the team was missing."</blockquote>
    <figcaption class="mt-5 flex items-center gap-3">
      <span class="flex h-10 w-10 items-center justify-center rounded-full bg-gradient-to-br from-indigo-400 to-blue-500 text-sm font-semibold" aria-hidden="true">AM</span>
      <span><span class="block text-sm font-semibold">Ana Mendes</span><span class="block text-xs text-gray-300">VP Engineering, Northwind</span></span>
    </figcaption>
  </figure>
  <figure class="flex flex-col justify-between rounded-2xl border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-gray-900">
    <blockquote class="text-sm leading-relaxed text-gray-700 dark:text-gray-300">"Setup took an afternoon."</blockquote>
    <figcaption class="mt-4 flex items-center gap-3">
      <span class="flex h-9 w-9 items-center justify-center rounded-full bg-gradient-to-br from-rose-400 to-orange-500 text-xs font-semibold text-white" aria-hidden="true">TK</span>
      <span class="text-sm font-semibold text-gray-900 dark:text-gray-100">Tomas K.</span>
    </figcaption>
  </figure>
  <figure class="flex flex-col justify-between rounded-2xl border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-gray-900">
    <blockquote class="text-sm leading-relaxed text-gray-700 dark:text-gray-300">"Support actually replies."</blockquote>
    <figcaption class="mt-4 flex items-center gap-3">
      <span class="flex h-9 w-9 items-center justify-center rounded-full bg-gradient-to-br from-emerald-400 to-teal-500 text-xs font-semibold text-white" aria-hidden="true">RL</span>
      <span class="text-sm font-semibold text-gray-900 dark:text-gray-100">Rin L.</span>
    </figcaption>
  </figure>
</section>