.headerImage__img{
    width: 100%;
    height: 100%;
    object-fit: none;
    right: 0;
    position: absolute;
} 
div.headerImage div.overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
@media (max-width:768px) { 
    .headerImage__img{
        display: none;
    } 
    div.headerImage div.overlay {
        position: relative;
    }
}

@media (max-width:991px) {
    .headerImage__img{
        width: 150%;
        height: 100%;
        max-width: 1250px;
        object-fit: cover;
        position: absolute;
        right: 0;
    }    
}


.headerImage__media{
    height: 100%;;
}


@media (min-width:1300px) {

    .headerImage__img{
        width: 90%;
        height: 100%;
        object-fit: none;
        position: absolute;
        right: 0;
    } 
}


@media (min-width:1600px) {

    .headerImage__img{
        width: 75%;
        height: 100%;
        object-fit: none;
        position: absolute;
        right: 0;
    } 
}