Media Grid with Metrics and Images

<section class="mt-8">
  <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
    <article class="md:p-6 h-72 flex flex-col ring-1 ring-indigo-50 bg-gradient-to-br from-indigo-50 to-violet-50 rounded-2xl pt-5 pr-5 pb-5 pl-5 justify-between">
      <div class="flex items-center justify-between">
        <div class="">
          <div class="text-3xl md:text-4xl font-semibold text-indigo-700">+12×</div>
          <div class="text-xs text-indigo-600 mt-1">faster routing & resolution</div>
        </div>
        <div class="text-sm text-slate-500">Q2 2025</div>
      </div>
      <p class="text-sm text-indigo-800 opacity-90">Customers reduce turnaround and scale support without growing headcount.</p>
    </article>
    <article class="rounded-2xl overflow-hidden h-72 md:h-72">
      <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/c970e64e-4e4d-43e9-8f63-5c51988ae9a5_800w.jpg" alt="3d workspace render" class="w-full h-full object-cover">
    </article>
    <article class="rounded-2xl overflow-hidden h-72">
      <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/4d2f892c-1a8f-4733-920a-6b2b10cc656a_800w.jpg" alt="team discussion" class="w-full h-full object-cover">
    </article>
    <article class="rounded-2xl overflow-hidden h-48 md:h-48">
      <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/9d230d27-880b-420e-8e5d-f8db82dfc9bc_800w.jpg" alt="face portrait" class="w-full h-full object-cover">
    </article>
    <article class="rounded-2xl overflow-hidden h-48 md:h-48">
      <img src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/2d847a64-3da6-465f-9293-b3aa773faab1_800w.jpg" alt="3d render" class="w-full h-full object-cover">
    </article>
    <article class="bg-yellow-50 rounded-2xl p-6 h-48 flex flex-col justify-center ring-1 ring-yellow-50">
      <div class="text-3xl font-semibold text-yellow-700">2.8M</div>
      <p class="text-sm mt-2 text-yellow-800/90">monthly interactions handled with confidence</p>
    </article>
  </div>
</section>