@media (min-width: 375px) {
    body {
        /* background-color: grey !important; */
    }

    .post {
    }

    .post .img-holder {
    }
}

@media (min-width: 768px) {
    body {
        /* background-color: yellow !important; */
    }

    .post {
        height: 300px;
        padding: 0 0 0 30%;
    }
    .post .img-holder {
        width: 30%;
    }
}

@media (min-width: 1024px) {
    body {
        /* background-color: red !important; */
    }

    .post {
        height: 380px;
        padding: 0 0 0 38%;
    }
    .post .img-holder {
        width: 38%;
    }
}

@media (min-width: 1200px) {
    body {
        /* background-color: blue !important; */
    }

    .post {
        height: 380px;
        padding: 0 0 0 38%;
    }
    .post .img-holder {
        width: 38%;
    }

}