<div class="swiper-slide swiper-lazy group cursor-pointer" :class="visible ? '' : 'animate-pulse'" style="width: 100%;height: 100%;flex-shrink: 0;display: block;">
    <a href="{{$link}}" class="rounded-lg overflow-hidden relative block bg-gray-200" style="aspect-ratio: 1.76/1;">
        <img class="w-full relative rounded-lg" src="{{$url.$item->imagePoster}}?type=crop&w=336&h=191" loading="lazy"/>
    </a>
    <a href="{{$link}}" class="text-sm py-2 block font-semibold h-16 leading-8">{{$item->title}}</a>
</div>
