Product Image Card with Overlay

<div class="w-full max-w-md mx-auto">
  <div class="relative group overflow-hidden rounded-lg shadow-lg bg-white">
    <img src="https://cdn.shopify.com/s/files/1/0908/9489/3329/files/Playpark_Lodge_Sold_Thumbnail.jpg?v=1765483980" alt="Playpark Lodge" class="w-full h-64 object-cover transition-transform duration-300 group-hover:scale-105" loading="lazy" />
    <div class="absolute top-4 right-4 bg-red-600 text-white px-3 py-1 rounded-full text-sm font-semibold shadow-md">SOLD</div>
    <div class="absolute bottom-4 left-4 text-white">
      <h3 class="text-xl font-bold">Playpark Lodge</h3>
    </div>
  </div>
</div>