<a href="">
        <div class="relative duration-500 cursor-pointer text-white rounded-lg w-full">
            <div>
                <img src="" alt="image" class="rounded-lg" />
                <h1 class="font-semibold text-xl absolute bottom-10 w-full text-center">
                    Cool picture
                </h1>
            </div>
            <div class="absolute bottom-5 w-full flex flex-col items-center justify-center text-white">
                <p>That picture is really nice good stuff man</p>
            </div>
        </div>
    </a>