/* Keyframes for spinning animation */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Styling for the container */
#loading-center-absolute {
    position: absolute;
    top: 46%;
        left: 55%;
    transform: translate(-50%, -50%);
}
.gray-uploader {
    text-align: center;
    color: #fff;
    background: #6e767b;
    cursor: pointer;
    padding: 8px 16px;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    font-weight: 500;
}

/* Applying the spinning animation to the image */
#loading-center-absolute img {
    height: 50px;
    animation: spin 2s linear infinite;
    /* Change the time (2s) as per your preference */
}
@media only screen and (max-width: 767px) {
    #loading-center {
        width: 100%;
        height: 100%;
        position: relative;
        text-align: center;
    }

    #loading-center-absolute {
        position: absolute;
        top: 46%;
        left: 64%;
        transform: translate(-50%, -50%);
    }
}