.classic-container {
    width: 85%;
    max-width: 85%;
}
.gradient-left-half {
    position: relative;
    background-size: cover;
    background-position: center;
}
@media(min-width: 769px){
    .gradient-left-half .overlay{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }
}
@media(max-width: 768px){
    .gradient-left-half .overlay{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        background: rgba(0, 0, 0, 0.3) !important;
    }
}