.image-holder {
    position: relative;
    z-index: 100;
    padding: 60px 0;
}

.image-holder img {
    border-radius: 30px;
    position: relative;
    z-index: 90;
}

.image-holder.pad-primary:before,
.image-holder.pad-secondary:before,
.image-holder.pad-white:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 70;
    top: 0px;
}

.image-holder.pad-primary:before {
    background: var(--pad-primary-background-color);
}

.image-holder.pad-secondary:before {
    background: var(--pad-secondary-background-color);
}

.section__row--2-50 .section__col--last .image-holder.pad-primary:before,
.section__row--2-50 .section__col--last .image-holder.pad-secondary:before,
.section__row--2-50 .section__col--last .image-holder.pad-primwhiteary:before {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    left: 60px;
}

.section__row--2-50 .section__col--first .image-holder.pad-primary:before,
.section__row--2-50 .section__col--first .image-holder.pad-secondary:before,
.section__row--2-50 .section__col--first .image-holder.pad-primwhiteary:before {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    right: 60px;
}



@media only screen and (max-width: 991px) {

    .section__row--2-50 .section__col--last .image-holder.pad-primary:before,
    .section__row--2-50 .section__col--last .image-holder.pad-secondary:before,
    .section__row--2-50 .section__col--last .image-holder.pad-primwhiteary:before {
        left: 30px;
    }

    .section__row--2-50 .section__col--first .image-holder.pad-primary:before,
    .section__row--2-50 .section__col--first .image-holder.pad-secondary:before,
    .section__row--2-50 .section__col--first .image-holder.pad-primwhiteary:before {
        right: 30px;
    }

    .image-holder {
        padding: 30px 0;
    }

    .image-holder.pad-primary:before,
    .image-holder.pad-secondary:before,
    .image-holder.pad-white:before {
        height: 100%;
    }
}

@media only screen and (max-width: 767px) {

    .section__row--2-50 .section__col--last .image-holder.pad-primary:before,
    .section__row--2-50 .section__col--last .image-holder.pad-secondary:before,
    .section__row--2-50 .section__col--last .image-holder.pad-primwhiteary:before {
        left: 15px;
    }

    .section__row--2-50 .section__col--first .image-holder.pad-primary:before,
    .section__row--2-50 .section__col--first .image-holder.pad-secondary:before,
    .section__row--2-50 .section__col--first .image-holder.pad-primwhiteary:before {
        right: 15px;
    }
}