#loading-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    max-width: 100%;
    opacity: 1;
    transition: 0.3s;
  }

    #loading-modal img {
        animation: revealFromleftRepeating 2.5s linear infinite;
    }

    @keyframes revealFromleftRepeating {
            0% {
            clip-path: inset(0 100% 0 0);
            opacity: 1;
            }
    
            66% {
            clip-path: inset(0 0% 0 0);
            opacity: 1;
            }
    
            80% {
                clip-path: inset(0 0% 0 0);
                opacity: 0;
            }

            100% {
                clip-path: inset(0 100% 0 0);
                opacity: 0;
            }
        }