.hpanel.blog-box {
    transition: transform 0.12s ease-out, box-shadow 0.12s ease-out;
}

    .hpanel.blog-box:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        cursor: pointer;
    }


    .hpanel.blog-box img {
        filter: grayscale(100%);
        transition: filter 0.3s ease;
    }

    .hpanel.blog-box:hover img {
        filter: grayscale(0%);
    }