<div
  [ngStyle]="{ 'background-image': 'url(' + imageUrl + ')' }"
  class="rounded-xl w-full h-full bg-cover bg-center relative hover:shadow-xl hover:scale-1005 duration-200 cursor-pointer"
>
  <div
    class="absolute inset-x-0 inset-y-0 bg-gradient-to-b from-transparent to-gray-900 rounded-xl hover:"
  ></div>
  <div
    class="absolute bottom-4 left-4 text-white font-bold text-5xl brightness-100"
  >
    {{ category }}
  </div>
</div>
