.preload__items {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 1.25rem;
    gap: 1.25rem;
    margin-top: 0.9375rem;
}

.preload__item {
    width: 1.6875rem;
    height: 1.6875rem;
    background-color: transparent;
    background-image: url(../images/preload/item-decor.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;

    opacity: 0;
    transform: translateY(1rem);
    will-change: transform, opacity;
    animation-name: preloadStar;
    animation-duration: 2.0s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}

.preload__items .preload__item:nth-child(1) {
    animation-delay: 0s;
}

.preload__items .preload__item:nth-child(2) {
    animation-delay: 0.2s;
}

.preload__items:nth-of-type(2) .preload__item:nth-child(1) {
    animation-delay: 0.4s;
}

.preload__items:nth-of-type(2) .preload__item:nth-child(2) {
    animation-delay: 0.6s;
}

@keyframes preloadStar {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
    25% {
        transform: translateY(0rem);
        opacity: 1;
    }
    50% {
        transform: translateY(-1rem);
        opacity: 0;
    }
    100% {
        transform: translateY(1rem);
        opacity: 0;
    }
}