.hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.65) 35%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0) 85%);
}
.hero-section{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

@media screen and (min-width:767px){
    .wrapper2{
        width: 90%;
    }
}