.section-background {
    height: 100vh;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center !important;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

@media (max-width: 768px) {
    .section-background {
        background-attachment: scroll !important;
        min-height: 80vh;
        height: auto;
    }
}