.at-banner {
    background: linear-gradient(to bottom, var(--baseLight100) 15%, var(--primaryColor100) 85%);
}

.at-banner__inner {
    min-height: 42vh;
}

.at-banner__content {
    margin-bottom: var(--articleMarginBottomSmall);
    font-size: var(--h6Size);
    font-weight: 300;
}

.at-banner__textWrapper {
    padding: var(--innerPaddingYSmall) 0 0;
}

.at-banner:not(.at-banner--hasImage) .at-banner__textWrapper {
    padding: var(--innerPaddingYSmall) 0 var(--innerPaddingY) 0;
}

.at-banner__imageWrapper {
    max-width: 65%;
    margin: 2em auto 0;
}

.at-banner__image {
    display: block;
}

@media (min-width: 768px) {
    .at-banner--hasImage .at-banner__inner {
        display: flex;
        align-items: center;
    }

    .at-banner__textWrapper {
        max-width: var(--maxTextWidthSmall);
        margin: 0 var(--gridGutter) 0 0;
        padding: 0 0 var(--innerPaddingYSmall) 0;
    }

    .at-banner__imageWrapper {
        margin-left: auto;
        align-self: flex-end;
    }
}