.container-hero:before{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 68.99%, rgba(0, 0, 0, 0.30) 100%), linear-gradient(180deg, rgba(45, 41, 38, 0.00) 55.66%, #346E74 95.16%);
}
.container-hero.gradient-brown:before{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.00) 70.02%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, rgba(45, 41, 38, 0.00) 68.51%, #636234 96.56%);
}

@media(max-width:767px){
    .text-experience{
        position: relative;
        background: var(--colorPrimary);
    }
}