.black-bottom-curve{
    background: var(--black) url(../images/bottom-curved-black.jpg) no-repeat center bottom;  
    background-size: cover; 
}

.black-top-curve{
    background: var(--black) url(../images/top-curved-black.jpg) no-repeat center top;   
    background-size: contain; 
}

.red-top-curve{
    background: var(--dark-red) url(../images/top-curved-red.png) no-repeat center top;   
    background-size: contain; 
}

.gray-top-curve{
    background: var(--light-gray) url(../images/top-curved-gray.jpg) no-repeat center top;   
    background-size: contain; 
}

@media all and (min-width: 1920px){
    
    .black-bottom-curve{
        background-size: cover; 
    }
    
    .black-top-curve{
        background-size: cover; 
    }
    
    .red-top-curve{
        background-size: cover; 
    }
    
    .gray-top-curve{
        background-size: cover; 
    }
    .center-curve{
        background-size: cover; 
    }
}