.block-content-with-media .col-image {
    position: relative;
}
.block-content-with-media .col-image img {
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.block-content-with-media.image-placement-left .col-image {
    order: -1;
}

.block-content-with-media.image-placement-left-bottom,
.block-content-with-media.image-placement-right-bottom {
    padding-bottom: 0 !important;
}

@media screen and (min-width: 48em) {
    .block-content-with-media.image-placement-left-bottom,
    .block-content-with-media.image-placement-right-bottom {
        padding-bottom: 0 !important;
    }
    .block-content-with-media.image-placement-left-bottom .col-content,
    .block-content-with-media.image-placement-right-bottom .col-content {
        padding-bottom: 5em !important;
    }
    .block-content-with-media.image-placement-left-bottom .col-image a,
    .block-content-with-media.image-placement-right-bottom .col-image a {
        bottom: 0;
        display: flex;
        height: 100%;
        width: 100%;
    }
    .block-content-with-media.image-placement-left-bottom .col-image img,
    .block-content-with-media.image-placement-right-bottom .col-image img {
        margin-top: auto;
        bottom: 0;
        position: absolute;
    }
    .block-content-with-media.image-overlap.image-placement-left-bottom .col-image a,
    .block-content-with-media.image-overlap.image-placement-right-bottom .col-image a,
    .block-content-with-media.image-overlap.image-placement-left-bottom .col-image img,
    .block-content-with-media.image-overlap.image-placement-right-bottom .col-image img {
        position: absolute;

    }
    .block-content-with-media.image-placement-left .col-image,
    .block-content-with-media.image-placement-left-bottom .col-image {
        order: -1;
    }
}