Responsive Feature Card Grid

<section class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-12 max-w-5xl">
  <div
    class="relative overflow-hidden rounded-3xl border border-white/10 bg-white/5 hover:border-lime-400/30 transition">
    <div class="aspect-[16/9]">
      <img src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/7eba4074-0cc4-47b9-8796-c86631430535_800w.jpg" alt="3D render sculpture" class="h-full w-full object-cover">
    </div>
    <div class="p-5">
      <h4 class="text-lg md:text-xl font-semibold tracking-tight font-geist">Engineered for uptime</h4>
      <p class="mt-2 text-sm text-slate-400 font-geist">A resilient architecture that performs at any scale.</p>
    </div>
  </div>
  <div
    class="relative overflow-hidden rounded-3xl border border-white/10 bg-white/5 hover:border-lime-400/30 transition">
    <div class="aspect-[16/9]">
      <img src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/000dcb8a-700d-4424-9119-e3fd9830a602_800w.jpg" alt="Global mountains landscape" class="h-full w-full object-cover">
    </div>
    <div class="p-5">
      <h4 class="text-lg md:text-xl font-semibold tracking-tight font-geist">Every market, faster</h4>
      <p class="mt-2 text-sm text-slate-400 font-geist">Localized delivery and payment options wherever you sell.</p>
    </div>
  </div>
  <div
    class="relative overflow-hidden rounded-3xl border border-white/10 bg-white/5 hover:border-lime-400/30 transition">
    <div class="aspect-[16/9]">
      <img src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/c9cea297-210c-40cc-9560-c8f19b3734c8_800w.jpg" alt="Support team portrait" class="h-full w-full object-cover" style="">
    </div>
    <div class="p-5">
      <h4 class="text-lg md:text-xl font-semibold tracking-tight font-geist">People who care</h4>
      <p class="mt-2 text-sm text-slate-400 font-geist">From onboarding to optimization, experts are here to help.</p>
    </div>
  </div>
</section>