.info-banner {
    position: relative;
    color: #fff;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    padding-bottom: 200px;
}

.info-banner__background {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

.info-banner__background > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.info-banner__body {
    position: relative;
    z-index: 10;
    display: block;
    background: linear-gradient(89.87deg, rgba(146, 96, 209, 0.9) 0.13%, rgba(102, 123, 232, 0.9) 99.91%);
    max-width: 760px;
    margin-left: auto;
    padding: 44px 20px;
}

.info-banner__title {
    font-size: 32px;
    font-weight: 300;
    line-height: 56px;
    letter-spacing: -0.02em;
}

.info-banner__body > .feature-cards {
    margin-block: 32px;
    width: calc(100% + 40px);
    margin-left: -20px;
}

.info-banner__body > .feature-cards > .feature-cards__container {
    padding-inline: 20px;
}

@media screen and (min-width: 1370px) {
    .info-banner__body {
        padding-inline: 52px;
    }

    .info-banner__body > .feature-cards {
        width: calc(100% + 82px);
        margin-left: -52px;
    }

    .info-banner__body > .feature-cards > .feature-cards__container {
        padding-inline: 0;
    }
}