.intro-vector {
    padding-left: var(--spacing-06);
    padding-right: var(--spacing-06);
}
.intro-vector .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap-reverse;
}
.intro-vector .container .text {
    margin-top: var(--line-height-h1);
}
.intro-vector .container .image {
    width: 100%;
    position: relative;
    margin-top: var(--line-height-h1);
    display: flex;
    justify-content: center;
    align-items: center;
}
.intro-vector .container .image svg.mask-image {
    max-width: 75%;
}

@media(min-width: 768px) {
    .intro-vector .container {
        display: grid;
        grid-template-columns: calc(51.5% - var(--spacing-06) / 2) calc(48.5% - var(--spacing-06) / 2);
        gap: var(--spacing-06);
    }
    .intro-vector .container .text {
        margin-top: var(--module-spacing-medium);
    }
    .intro-vector .container .image {
        margin-top: calc(var(--spacing-06) * -1);
    }
    .intro-vector .container .image svg.mask-image {
        max-width: 100%;
    }
}