.banner-image{
    background: linear-gradient(90deg, rgba(255, 255, 255, 100) 0%, rgba(255, 255, 255, 0) 0%), var(--banner-image);
    background-position: center center;
    background-size:cover;
    width:100%;
    height:100%;
    clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0 100%);
}


.logo-image{
    width:250px;
    height:50px;
    background: var(--logo-image) no-repeat;
    background-size:contain;
    background-position: center left;
} 

@media(max-width:767px){
    .banner-image-sm:before{
        content:"";
        display:block;
        background: linear-gradient(90deg, rgba(255, 255, 255, 100) 0%, rgba(255, 255, 255, 0) 0%), var(--banner-image);
        width:100%;
        height:5em;
        background-size:cover;
        background-position:center;
        margin-bottom:1em;
    }
    .image-legal-sm:before{
        content:"";
        display:block;
        background: linear-gradient(90deg, rgba(255, 255, 255, 100) 0%, rgba(255, 255, 255, 0) 0%), url('/../uploads/00000002/ML_Desktop_LAWYERS_Gradient.jpg');
        width:100%;
        height:5em;
        background-size:cover;
        background-position:center;
        margin-bottom:1em;
    }
}

/* for section images */
.image-left{
    clip-path: polygon(0% 0%, 100% 0, 80% 100%, 0 100%);    
}

.image-legal{
    background: linear-gradient(90deg, rgba(255, 255, 255, 100) 0%, rgba(255, 255, 255, 0) 0%), url('/../uploads/00000002/ML_Desktop_LAWYERS_Gradient.jpg');
    background-position: center center;
    background-size:cover;
}