<div class="rounded-md overflow-hidden cursor-pointer relative">
    <img class="w-full" src="{{$item->thumbImage}}?type=crop&w=360&h=200" />
    <a href="{{$item->path()}}" x-cloak class="absolute w-full h-full top-0 bottom-0 right-0 left-0 z-10">
        <div class="flex flex-col gap-3 justify-center text-white text-2xl font-normal h-full p-10">
            <span>{{$item->title}}</span>
        </div>
    </a>
</div>

