.blog-img-left {
    
    width: 40%;
    float: left;
    
}
.post {
    margin-bottom: 20px;
}
.post .post-meta {
    margin-top: 15px;
    margin-bottom: 15px;
}
.post:after {
    content: "";
    display: block;
    clear: both;
}
.post .post-body {
    margin-left: calc(40% + 30px);
}
.post .post-meta {
    margin-top: 0;
}
@media (min-width: 480px) and (max-width: 991px) {
    .blog-img-left {
        float: unset;
        display: block;
        width: 100%;
        height: auto;
    }
    .post .post-body{
        margin-left: 0;
        margin-top: 10px;
    }
    .post{margin-bottom: 20px;}
}
@media (min-width: 320px) and (max-width: 479px) {
    .blog-img-left {
        float: unset;
        display: block;
        width: 100%;
        height: auto;
    }
    .post .post-body{
        margin-left: 0;
        margin-top: 10px;
    }
    .post{margin-bottom: 20px;}
}