.bg-cover {
    position: relative;
    z-index: 0;
}

.bg-cover::before {
    content: "";
    position: absolute;
    z-index: -2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: var(--bg-cover-opacity);
    background: var(--bg-cover-background);
    filter: var(--bg-cover-filter);
}

.bg-cover::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: var(--bg-cover-tint);
    background: var(--bg-cover-tint-color);
    opacity: var(--bg-cover-tint-opacity);
}