.banner{
    width: 100%;
    min-height: 55vh;
    color: white !important;
    background-image: linear-gradient(to right, rgba(0,0,0,0.9),rgba(0,0,0,.1)), url(../images/about-bg.jpg)  ;
    background-position: center ;
    /* background-size: cover; */
    /* background-size: contain; */
    position: relative;
    background-repeat: no-repeat;
}


.mission{
    padding: 3%;
    /* background-color: red; */
}


.mission  img{
    width: 60%;
}


.mission h2::after{
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background-color: var(--primary);
    left: 0%;
    top: .5rem;
    position: relative;
}

.vision {
    padding: 3%;
}
.vision h2::after{
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background-color: var(--primary);
    left: 0%;
    top: .5rem;
    position: relative;
}

.vision img{
    width: 50%;
    background-color: red;

}
@media only screen and (max-width:990px){
    .mission  img{
        width: 100%;
    }
    .vision  img{
        width: 100%;
    }

}

@media only screen and (max-width:769px){
    .mission  img{
        width: 100%;
        display: none;
    }
    .vision  img{
        width: 100%;
    }

}