html, body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}


.container, .main-content, .content, .page-wrapper {
    background: transparent !important;
}


body {
    overflow-x: hidden;
}


@media (max-width: 768px) {
    html, body {
        background-attachment: scroll !important;
    }
    
    html::before {
        background-attachment: scroll;
    }
}