.Blog_details_banner .img-div {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    transition: 0.3s;
}
.Blog_details_banner .img-div .banimg {
    height: auto;
    transition: .3s;
    width: 100%;
    /* aspect-ratio: 5/1.5; */
    object-fit: cover;
}
.Blog_details_banner .img-div:hover .banimg{
    transform: scale(1.1);
    transition: 0.3s;
}
.Blog_details_banner .img-div .overlay-color{
    background: linear-gradient(0deg , #000 , transparent );
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50%;
}
.Blog_details_banner .img-div .blog-name{
    color: #fff;
    font-size: 20px;
    margin-bottom: 0px;
    position: absolute;
    bottom: 35px;
    left: 55px;
    width: 70%;
    text-decoration: underline;
}
.Blog_details_banner .img-div .blog-date{
    color: #fff;
    font-size: 15px;
    margin-bottom: 0px;
    position: absolute;
    bottom: 35px;
    right: 55px;
}


@media (min-width:0px) and (max-width:767.98px){
    .Blog_details_banner .img-div .blog-name {
        font-size: 12px;
        bottom: 15px;
        left: 12px;
        width: 70%;
    }
    .Blog_details_banner .img-div .blog-date {
        font-size: 10px;
        bottom: 15px;
        right: 10px;
    }
}