Card 1

    <div class="max-w-sm mx-auto bg-white shadow-lg rounded-lg overflow-hidden">
    <img class="w-full h-48 object-cover" src="https://placehold.co/600x400" alt="Card Image">
    <div class="p-4">
        <h3 class="text-xl font-semibold text-gray-800">Card Title</h3>
        <p class="mt-2 text-gray-600">
            This is a brief description of the card content. It provides a summary or highlights the key points.
        </p>
        <div class="flex justify-end mt-4">
            <a href="#" class="text-indigo-500 hover:text-indigo-600 font-medium">Read More</a>
        </div>
    </div>
</div>