/* .bottomLeftGradientCover { */
    /* background-image: linear-gradient(15deg,rgba(0, 0, 0, 0.95) 15%, rgba(0, 0, 0, 0.75), transparent 60%); */
    /* background-image: linear-gradient(15deg,  rgba(135, 28, 28, 0.95) 15%, rgba(213, 22, 22, 0.75), transparent 60%);
    width: 100%;
    height: 100%;
} */

/* .bottomLeftGradientCover:hover {
    background-image: linear-gradient(15deg, #b30000 15%, #ed0000, transparent 60%);
    /* var(--highlight1), var(--highlight2), transparent, transparent, transparent); */
/* } */


.leftGradientCover{
    background-image: linear-gradient(75deg, rgba(12, 12, 12, 1) 10%, rgba(12, 12, 12, 0.75), transparent 60%);
    width: 100%;
    height: 100%;
}

.bottomGradientCover{
    background-image: linear-gradient(15deg, rgba(0, 0, 0, 0.95) 15%, rgba(0, 0, 0, 0.75), transparent 60%);
        width: 100%;
        height: 100%;
}

.bottomGradientCoverHover {
    background-image: linear-gradient(15deg, rgba(135, 28, 28, 0.55) 15%, rgba(213, 22, 22, 0.4), transparent 60%);
    width: 100%;
    height: 100%;
}

.bottomGradientCoverHover:hover{
    background-image: linear-gradient(15deg, rgba(135, 28, 28, 0.95) 15%, rgba(213, 22, 22, 0.75), transparent 60%);
    cursor: pointer;
}