.callout-image-text__wrapper {
    position: relative;
    overflow: hidden;
    margin: 0 -22px;
}

.callout-image-text__image {
    position: relative;
    z-index: 1;
    max-width: 255px;
    margin: 0 auto 25px;
    display: table;
}
.callout-image-text__image svg {
	width: 100%;
	height: auto;
}

.callout-image-text__wrapper:after {
    content: "";
    position: absolute;
    top: 78px;
    z-index: -2;
    left: 0;
    width: 100%;
    height: calc(100% - 78px);
    background: linear-gradient(107.1deg, #EDFAFF 4.02%, #D7F1FA 107.33%);
}

.callout-image-text__content__wrapper {
    text-align: center;
}

.callout-image-text__texture {
    position: absolute;
    right: -418px;
    top: 67px;
    z-index: -1;
    width: 611px;
    max-width: unset;
}

.callout-image-text__content {
    padding: 0 22px 50px;
}

.callout-image-text__content__wrapper .btn-group {
    justify-content: center;
}


@media(min-width: 768px) {
    .callout-image-text__wrapper {
        margin: 0 -52px;
    }

    .callout-image-text__image {
        max-width: 404px;
        margin: 0 auto 48px;
    }

    .callout-image-text__wrapper:after {
        top: 119px;
        height: calc(100% - 119px);
        background: linear-gradient(109.78deg, #FFFFFF -18.14%, #EDFAFF 76.52%);
    }

    .callout-image-text__content {
        padding: 0 52px 75px;
    }

    .callout-image-text__texture {
        right: -100px;
        top: 55px;
        width: 507px;
    }
}

@media(min-width: 1200px) {
    .callout-image-text__image {
        max-width: 466px;
        margin: 0;
    }

    .callout-image-text__wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0;
    }

    .callout-image-text--right .callout-image-text__wrapper {
        flex-direction: row-reverse;
    }

    .callout-image-text__content {
        width: calc(100% - 466px - 17px);
        padding: 100px 105px 100px 0;
    }

    .callout-image-text--right .callout-image-text__content {
        padding: 100px 0 100px 105px;
    }

    .callout-image-text--right .callout-image-text__content p {
        margin-left: auto;
    }

    .callout-image-text__content__wrapper {
        text-align: left;
    }

    .callout-image-text--right .callout-image-text__content__wrapper {
        text-align: right;
    }

    .callout-image-text__content__wrapper .btn-group {
        justify-content: flex-start;
        gap: 32px;
    }

    .callout-image-text--right .callout-image-text__content__wrapper .btn-group {
        justify-content: flex-end;
    }

    .callout-image-text__wrapper:after {
        right: 0;
        top: 0;
        height: 100%;
        left: unset;
        width: calc(100% - 332px);
    }

    .callout-image-text--right .callout-image-text__wrapper:after {
        right: unset;
        left: 0;
        transform: scale(-1, 1);
    }

    .callout-image-text__texture {
        right: -118px;
        top: -63px;
        width: 716px;
    }

    .callout-image-text__curve {
        position: absolute;
        right: 0;
        top: 0;
        width: 178px;
    }

    .callout-image-text--right .callout-image-text__curve {
        right: unset;
        left: 0;
        transform: scale(-1, 1);
    }

    .callout-image-text__content p {
        max-width: 719px;
    }
}


@media (max-width: 1199px) {
    .callout-image-text__image img {
        height: auto;
        width: 100%;
    }
}