.blog-listing .blog-post-inner {
    height: 330px;
    border-radius: 8px;
}

.blog-listing .blog-post-inner > a {
    display: block;
    height: 100%;
}

.blog-listing .blog-post img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.blog-listing .blog-post-inner::before {
    z-index: 1;
    pointer-events: none;
}

.blog-listing .blog-post-details {
    z-index: 2;
    width: 100%;
}

@media (max-width: 767.98px) {
    .blog-listing .blog-post-inner {
        height: clamp(230px, 67vw, 300px);
    }

    .blog-listing .blog-post-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
    }
}