flex flex-col overflow-hidden rounded-lg border bg-white">
        <a href="#" class="group relative block h-48 overflow-hidden bg-gray-100 md:h-64">
          <img
            src="https://images.unsplash.com/photo-1610465299996-30f240ac2b1c?auto=format&q=75&fit=crop&w=600"
            loading="lazy"
            alt="Photo by Martin Sanchez"
            class="
              absolute
              inset-0
              h-full
              w-full
              object-cover object-center
              trans