#loading-container {
    position: fixed;
    inset: 0;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
}

#loading-images {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

#loading-images img {
    animation-name: rotationCycle;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    height: 80px;
    width: auto;
    padding: 10px;
}

#loading-images img:nth-child(2) {
    animation-delay: 200ms;
}

#loading-images img:nth-child(3) {
    animation-delay: 300ms;
}

#loading-images img:nth-child(4) {
    animation-delay: 400ms;
}

@keyframes rotationCycle {
    0% {
        transform: rotate(-90deg) scale(0);
    }
    40% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(0deg) scale(1);
    }
    100% {
        transform: rotate(90deg) scale(0);
    }
}