Project Update Card with Image and Metadata

<div class="relative ring-1 ring-white/10 overflow-hidden bg-slate-900 rounded-2xl">
  <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/6aa8249e-bf9f-4fa9-84b0-056599e70ec2_1600w.jpg" alt="App preview" class="w-full h-80 sm:h-96 object-cover object-center">
  <div class="sm:p-5 border-white/10 border-t pt-4 pr-4 pb-4 pl-4">
    <div class="flex items-center gap-2 text-xs text-slate-400 font-sans">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="briefcase"
        class="lucide lucide-briefcase h-4 w-4">
        <path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path>
        <rect width="20" height="14" x="2" y="6" rx="2"></rect>
      </svg>
      Engineering · Sprint 34
    </div>
    <p class="line-clamp-2 text-sm text-slate-300 mt-2">
      Refactor search pipeline, unify event schemas, and ship incremental rollout for Recommendations v2.
    </p>
  </div>
</div>