@media only screen and (min-width: 480px) {
    .postShorten.postShorten--thumbnailimg-right .postShorten-thumbnailimg {
        float: right;
        margin: 5px 0 30px 15px
    }

    .postShorten.postShorten--thumbnailimg-right .postShorten-thumbnailimg img {
        display: block;
        width: 100px;
        height: 100px;
        object-fit: cover;
        overflow: hidden
    }

    .postShorten.postShorten--thumbnailimg-right .postShorten-wrap {
        float: left;
        width: calc(100% - 100px - 20px)
    }

    .postShorten.postShorten--thumbnailimg-left .postShorten-thumbnailimg {
        float: left;
        margin: 5px 15px 30px 0
    }

    .postShorten.postShorten--thumbnailimg-left .postShorten-thumbnailimg img {
        display: block;
        width: 100px;
        height: 100px;
        object-fit: cover;
        overflow: hidden
    }

    .postShorten.postShorten--thumbnailimg-left .postShorten-wrap {
        float: right;
        width: calc(100% - 100px - 20px)
    }

    .postShorten.postShorten--thumbnailimg-top .postShorten-thumbnailimg {
        margin-top: 5px
    }

    .postShorten.postShorten--thumbnailimg-bottom .postShorten-wrap {
        display: block;
        width: 100%
    }

    .postShorten.postShorten--thumbnailimg-bottom .postShorten-excerpt > p {
        margin-bottom: 0
    }

    .postShorten.postShorten--thumbnailimg-bottom .postShorten-thumbnailimg {
        display: block;
        width: 100%;
        overflow: hidden;
        margin: 15px 0 15px 0
    }

    .postShorten.postShorten--thumbnailimg-bottom .postShorten-thumbnailimg img {
        width: 100%;
        height: auto;
        max-height: 250px;
        object-fit: cover
    }
}