

<a href="" class="lg:max-w-md block select-none relative group">

    
    <div class="">
        <img loading="lazy" src="" alt="" class="w-full scale-x-[-1] h-40 lg:h-48 object-cover rounded-t-lg group-hover:opacity-90">
    </div>


    


    



    <div class="p-4 lg:p-4 min-h-24 lg:min-h-28 border bg-white rounded-b-lg">
       
        <div class="line-clamp-3 leading-5 text-lg lg:text-xl/5 font-semibold whitespace-normal "></div>
    </div>
</a>

