#loader {
    position: fixed; /* Hace que el cargador sea fijo y permanezca en una posición específica incluso si se desplaza la página */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.8); /* Un fondo blanco con algo de transparencia para que sea más agradable visualmente */
    z-index: 1000; /* Un z-index alto para asegurarse de que esté por encima de otros elementos */
    display: flex; /* Usamos flex para centrar fácilmente el GIF */
    justify-content: center; /* Centra el contenido horizontalmente */
    align-items: center; /* Centra el contenido verticalmente */
}

#loader img {
    max-width: 100px; /* Puedes ajustar esto para cambiar el tamaño del GIF */
    max-height: 100px; /* Puedes ajustar esto para cambiar el tamaño del GIF */
}