/* DARKEN BACKGROUND NEW SOLUTIONS */
/* FULL BLACK & GRADIENT */
.darken-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* background-color: rgba(0, 0, 0, 0.4); */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0.16));
    filter: brightness(0.2) contrast(0.5);
    mix-blend-mode: multiply;
    z-index: 3;
    pointer-events: none;
}

.darken-light::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.08);

    /* background: linear-gradient(to top, rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.20)); */
    filter: brightness(0.2) contrast(0.5);
    mix-blend-mode: multiply;
    z-index: 3;
    pointer-events: none;
}