/* (A) FULL SCREEN WRAPPER */
#spinner {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background: #fffbe9fc;
    transition: opacity 0.2s;
}

/* (B) CENTER LOADING SPINNER */
#spinner img {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%);
}

@media (max-width: 768px) {
    #spinner img {
        width: 50% !important;
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%);
    }
}

@media (max-width: 480px) {
    #spinner img {
        width: 50% !important;
        position: absolute;
        top: 35%;
        left: 47%;
        transform: translate(-50%);
    }
}