.section--mission-banner{
    position: relative;
    border-bottom: .1rem solid var(--blue-gray);
    border-top: .1rem solid var(--blue-gray);
    background-attachment: fixed;
    background-size: 38rem;
    background-color: var(--blue);
}
.mission-banner__content {
    max-width: 56rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.mission-banner__content * {
    color: var(--white);
}
.section--mission-banner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--blue);
    opacity: .7;
}
.mission-banner__background-image {
    position: absolute;
    height: 17rem;
    width: 100%;
    bottom: 2rem;
    background-size: auto 100%;
    left: 0;
    z-index: -2;
    
}
.button.mission-banner__cta {
    margin-top: 1rem;
}

@media(min-width: 960px){
    .section--mission-banner{
        background-size: 50rem;
    }
    /* .section--mission-banner::after {
        background: linear-gradient(to right, #ffffffe0 30%, #fff0);
    } */
}