/*********************************************
 * Image with Content
**********************************************/
.twc-image-content__col.content {width:53%; padding-right:calc(var(--twc-gap-container) + 15px);}
.twc-image-content__col.images {width:47%;}

.twc-image-content__image-inner:before {transition:var(--twc-transition); z-index:2; pointer-events:none; background:var(--twc-color-primary); opacity:0;}
.twc-image-content__image-inner:hover:before {opacity:.4;}

/* image */
.twc-image-content.single .twc-image-content__image-inner {padding-top:74%;}
.twc-image-content.double .twc-image-content__image-inner {padding-top:142%;}

.twc-image-content.double .twc-image-content__image {width:calc(50% - 18px);}
.twc-image-content.single .twc-image-content__image {width:100%;}

/* image left (desktop only) */
@media only screen and (min-width:768px) {
    .image-position-left .twc-image-content__col.content {
        order:3;
        padding-left:calc(var(--twc-gap-container) + 15px);
        padding-right:0;
    }
}

/*********************************************
 * Image with Content Responsive
**********************************************/
@media only screen and (max-width:1024px) {
    .twc-image-content.double .twc-image-content__image {width:calc(50% - 10px);}
}
@media only screen and (max-width:767px) {
    .twc-image-content__col.content {width:100%; padding-right:0; order:2;}
    .twc-image-content__col.images {width:100%; order:1; margin-bottom:var(--twc-spacing-30);}
    .twc-image-content.double .twc-image-content__image {width:calc(50% - 5px);}
}