.treatment-info {
        position: absolute;
        bottom: 100px;
        left: 15px;
        right: 15px;
        padding: 10px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(0);
        transition: opacity 0.3s ease, transform 0.3s ease;
        z-index: 3;
        text-align: center;
    }

    .blog-style-01:hover .treatment-info {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .treatment-info h5 {
        color: #fff;
        margin: 2px 0;
        font-size: 30px;
        font-weight: normal;
    }

    /* Mobile: always show treatment-info */
    @media (max-width: 767px) {
        .blog-style-01 {
        overflow: hidden; /* keep image clipped */
        position: relative; /* ensure absolute positioning works */
    }

    .treatment-info {
        position: absolute !important; /* keep overlay */
        bottom: 100px !important;        /* adjust as needed */
        left: 15px !important;
        right: 15px !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        margin: 0 !important;
        text-align: center;
    }
}