@media (max-width: 915px) {
    .blogpost-left{
        width: 100%;
        display: flex;
        padding-right: auto;
        /*border: 5px solid green;*/
        background-color: #202020;
        margin-bottom: 30px;
        box-shadow: 15px 15px black;
    }

    .blogpost-left img{
        width: 300px;
        height: 300px;
        /*border: 2px solid red;*/
        object-fit: cover;
    }

    .blogpost-right{
        /*width: fit-content;*/
        width: 100%;
        height: 300px;
        display: flex;
        margin-left: auto;
        /*border: 5px solid green;*/
        background-color: #202020;
        margin-bottom: 30px;
        box-shadow: -15px 15px black;
    }

    .blogpost-right img{
        margin-left: auto;
        width: 300px;
        height: 300px;
        /*border: 2px solid red;*/
        margin-left: 10px;
        object-fit: cover;
    }

    .post{
        display: block;
        margin: 20px;
        /*border: 1px solid red;*/
        width: calc(100% - 300px);
    }


    .blogpost-left .post h3{
        text-align: center;
    }

    .blogpost-right .post h3{
        text-align: center;
    }

    .blogpost-left .post p{
        text-align: center;
    }

    .blogpost-right .post p{
        text-align: center;
    }
}