.overlay-dark::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    pointer-events: none;
}

.overlay-dark.overlay-dark-2::after {
    background-color: rgba(0, 0, 0, 0.2);
}

.overlay-dark.overlay-dark-3::after {
    background-color: rgba(0, 0, 0, 0.3);
}

.overlay-dark.overlay-dark-4::after {
    background-color: rgba(0, 0, 0, 0.4);
}

.overlay-dark.overlay-dark-5::after {
    background-color: rgba(0, 0, 0, 0.5);
}

.overlay-dark.overlay-dark-6::after {
    background-color: rgba(0, 0, 0, 0.6);
}

.overlay-dark.overlay-dark-7::after {
    background-color: rgba(0, 0, 0, 0.7);
}

.overlay-dark.overlay-dark-8::after {
    background-color: rgba(0, 0, 0, 0.8);
}

.overlay-dark.overlay-dark-9::after {
    background-color: rgba(0, 0, 0, 0.9);
}

.overlay-light::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    pointer-events: none;
}

.overlay-light.overlay-light-2::after {
    background-color: rgba(255, 255, 255, 0.2);
}

.overlay-light.overlay-light-3::after {
    background-color: rgba(255, 255, 255, 0.3);
}

.overlay-light.overlay-light-4::after {
    background-color: rgba(255, 255, 255, 0.4);
}

.overlay-light.overlay-light-5::after {
    background-color: rgba(255, 255, 255, 0.5);
}

.overlay-light.overlay-light-6::after {
    background-color: rgba(255, 255, 255, 0.6);
}

.overlay-light.overlay-light-7::after {
    background-color: rgba(255, 255, 255, 0.7);
}

.overlay-light.overlay-light-8::after {
    background-color: rgba(255, 255, 255, 0.8);
}

.overlay-light.overlay-light-9::after {
    background-color: rgba(255, 255, 255, 0.9);
}