<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script> 

composer require soamn/maple 

 php artisan maple:install card/untouchable 

 <x-maple.card.untouchable maxRotation=20 class="">
        <div class="absolute bg-black 
        text-white bottom-2 left-2 invisible opacity-0 group-hover:opacity-100
        group-hover:visible transisition-all duration-500">
        <p class="text-lg">Untouchable</p>
        <p class="text-sm">Touch me if you can</p>
        </div>
        <img src="image/..."
        class="object-cover w-full h-full select-none rounded-lg " alt="">
 </x-maple.card.untouchable>