








    



<a href="" class="w-full flex justify-between items-center rounded-lg group relative ">
    <div class="grid grid-cols-[112px_auto] gap-4 items-center">
     
        
        <div class="relative">

            <img loading="lazy" fetchpriority="low" class="bg-slate-100 flex-shrink-0 w-28 h-24 rounded-lg object-cover object-center group-hover:opacity-90" src="?w=112&h=96"
            alt="" />
    
        </div>

        

        <div class="flex flex-col">
            <div class="card_title line-clamp-3 text-lg lg:text-base leading-5 font-condensed">
                
            </div>
            <div class="text-xs flex mt-1 text-slate-500">
   
                <span 
                    id="card_pubdate_" 
                    class="text-slate-500" 
                    x-data="timeAgoComponent(null)" 
                    x-init="updateTime()" 
                    x-text="time">
                </span>

                
                
            </div>
        </div>
    </div>
</a>