.background-slider-active {
            background-image:url('../images/background-top-desktop.png'); 
        }
        @media (max-width: 800px) {
            .background-slider-active {
               background-image:url('../images/background-top-mobile.png');
            }
        }
    

            .background-section-1 {
                background-image:url('../images/section1-background.jpg');
                    background-size: cover;

            }
            @media (max-width: 800px) {
                .background-section-1 {
                   background-image: linear-gradient(rgb(245 254 255 / 99%), rgb(255 255 255 / 70%)), url('../images/section1-background-mobile.png');
                }
            }
        

            .background-section-2 {
                background-image:url('../images/section2-background.jpg');
                    background-size: cover;

            }
            @media (max-width: 800px) {
                .background-section-2 {
                   background-image: linear-gradient(rgb(245 254 255 / 99%), rgb(255 255 255 / 60%)), url('../images/section3-background-mobile.png');
                }
            }