.banner {
    background-image: linear-gradient(rgb(255, 255, 255, 0), rgb(255, 255, 255)), url(../img/sobre.jpg);
    background-position: 60% center;
}

#imagem-r {
    background-image: url(../img/sobre_aux.jpg);
    background-position: center;
    background-size: cover;
    opacity: 0.8;
    height: 1080px;
}

#sobre {
    background-color: white;
}

#sobre .card {
    border-radius: 50px;
}

#sobre .icon {
    color: var(--laranja-logo);
}

.titulo {
    color: var(--azul-logo);
}

@media only screen and (max-width: 992px) {
    #imagem-r {
        height: 30vh;
        border-radius: 50px;
        background-position: center 30%;
    }
}