<!-- From Uiverse.io by Manish-Tamang  - Tags: card, hover effect, tailwindcss -->
<a
  href="#"
  class="group relative block max-w-screen-sm mx-auto h-64 sm:h-80 lg:h-96"
>
  <span class="absolute inset-0 border-2 border-dashed border-black"></span>

  <div
    class="relative flex h-full w-60 transform items-end border-2 border-black bg-white transition-transform group-hover:scale-105"
  >
    <div
      class="p-4 !pt-0 transition-opacity group-hover:absolute group-hover:opacity-0 sm:p-6 lg:p-8"
    >
 