#background-image {
/* Set the size of the image container */
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -1; /* Ensure it stays in the background */
background-size: cover; /* Resize the background image to cover the entire container */
opacity: 0; /* Start with an invisible image */
transition: opacity 2s; /* Transition effect for the fade in/out */
}

#background-image.visible {
opacity: 1; /* Make the image visible */
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */