#loader {
    position: fixed; /* Fix the loader to the viewport */
    top: 0;
    left: 0;
    width: 100vw; /* Full viewport width */
    height: 100vh; /* Full viewport height */
    background-color: transparent; /* Semi-transparent white background */
    display: flex; /* Use flexbox to center the GIF */
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    z-index: 9999; /* Ensure loader is above all other content */
    transition: opacity 0.5s ease; /* Smooth fade-out effect */
}