full image card | Tailwind Templates

<div class="p-8">
  <div class="relative bg-black shadow-lg rounded-lg group h-64 w-64 flex justify-center items-center">
    <div class="rounded-lg h-full w-full absolute z-10 bg-cover bg-center hover:opacity-50 transition-all duration-500 ease-in-out" style="background-image: url('')">
    </div>
    <p class="font-bold text-lg text-white absolute z-20 pointer-events-none">
      Video Graphics
    </p>
  </div>
</div>