.image-text-wrapper {
    position: relative;
}

.image-text--top {
    position: absolute;
    width: 210px;
    top: 0;
    right: -22px;
    padding-left: 32px;
}
.image-text--bottom {
    position: absolute;
    width: 210px;
    bottom: -30px;
    left: 0;
    padding-right: 22px;
}
.image-text--image {
    width: 420px;
    margin: 0 auto;
}
.image-text--top:before {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS45MjQiIGhlaWdodD0iMTAxLjkwOCIgdmlld0JveD0iMCAwIDE5LjkyNCAxMDEuOTA4Ij4KICA8cGF0aCBpZD0iUGF0aF8yIiBkYXRhLW5hbWU9IlBhdGggMiIgZD0iTTY0MzAuMTU4LDI3NC4xNTV2ODIuMTMxbC0xNC42LDE3Ljg3OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY0MTMuMjM0IC0yNzQuMTU1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjc5MDFlIiBzdHJva2Utd2lkdGg9IjYiLz4KPC9zdmc+");
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 112px;
    background-size: cover;
    background-repeat: no-repeat;
}
.image-text--bottom:before {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS45MzMiIGhlaWdodD0iMTAyLjg4NiIgdmlld0JveD0iMCAwIDE5LjkzMyAxMDIuODg2Ij4KICA8cGF0aCBpZD0iUGF0aF8zIiBkYXRhLW5hbWU9IlBhdGggMyIgZD0iTTY0MTUuNTU5LDM3NS4xNTVWMjkyLjIxMWwxNC42LTE4LjA1NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY0MTIuNTU5IC0yNzIuMjY5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjc5MDFlIiBzdHJva2Utd2lkdGg9IjYiLz4KPC9zdmc+");
    position: absolute;
    top: 0;
    right: 0px;
    width: 22px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
    .image-text--image {
        width: 220px;
    }
    .image-text--bottom ,
    .image-text--top {
        padding-right: 20px;
    }

    .image-text--top {
        top: 0px;
        right: -32px;
    }
    .image-text--bottom {
        bottom: -0px;
        right: 0;
    }
    .image-text-wrapper {
        padding: 120px 0 70px;
    }
}