:root {
    --background-image-url: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTPr_ahmPzsaaQWd1BRoCtZKNiaflt5IJAoNA&s');

}



html, body {
    background-image: var(--background-image-url) !important; /* Set the background image URL */
            background-size: cover; /* Scale the image to cover the entire background */
            background-repeat: no-repeat; /* Prevent the image from repeating */
            background-position: center center; /* Center the image within the viewport */
        /*    background-attachment: fixed; /* This can help in some cases */
            height: 100%; /* Ensure the body takes full viewport height */
            margin: 0; /* Remove default margin */
        }
        @media (max-width: 768px) {
            html, body {
                background-size: contain; /* Ensure the image fits the screen without repeating */
                background-attachment: scroll; /* Disable fixed background on smaller screens  */
                background-position: center center; /* Ensure the image is centered */
            }
        }