.header-background {
    background-image: url('dcs-header-image.jpg') !important;
    background-size: cover !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
}

body {
    background-color: var(--background_color, #121212) !important;
    background-image: linear-gradient(rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.58)), url('assets/bg.jpg') !important;
    background-attachment: fixed !important;
    background-position: center center, 50% 50% !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: cover, 125% auto !important;
}

@media (max-width: 768px) {
    body {
        background: var(--page_background_css, var(--background_color, #121212)) !important;
        background-attachment: scroll !important;
    }
}