Ari Gunawan Jatmiko
<body class="bg-gray-100 font-sans leading-normal tracking-normal flex items-center justify-center h-screen"> <div class="relative w-64 h-96 overflow-hidden rounded-lg shadow-lg"> <img src="https://placehold.co/400x600" alt="Card Image" class="w-full h-full object-cover transition-transform duration-300 transform hover:scale-110"> <div class="absolute inset-0 flex items-end p-4"> <label class="text-white text-lg font-bold"> <input type="radio" name="image-option" class="hidden"> <span class="ml-2">Select Option</span> </label> <div class="absolute inset-0 bg-black bg-opacity-50 opacity-0 transition-opacity duration-300 hover:opacity-100"></div> </div> </div> </body>