.block-1 .prizes-image img {
    opacity: 0;
}

.block-1 .prizes-image .img-ball {
    transform: translateX(-600px);
}

.block-1 .prizes-image .img-t-shirt {
    transform: translateX(-600px);
}

.block-1 .prizes-image .img-baseball-cap {
    transform: translateX(-600px);
}

.block-1 .prizes-image.animate .img-ball {
    animation: flyBall 0.8s ease-out forwards;
}

.block-1 .prizes-image.animate .img-t-shirt {
    animation: flyShirt 0.8s ease-out 0.4s forwards;
}

.block-1 .prizes-image.animate .img-baseball-cap {
    animation: flyCap 0.8s ease-out 0.8s forwards;
}

/* Мяч */
@keyframes flyBall {
    from {
        opacity: 0;
        transform: translateX(-600px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Футболка */
@keyframes flyShirt {
    from {
        opacity: 0;
        transform: translateX(-600px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%);
    }
}

/* Кепка */
@keyframes flyCap {
    from {
        opacity: 0;
        transform: translateX(-600px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}






.upload-check-button{
    animation: pulseShake 1.5s infinite;
    transition: transform .1s ease;
}

.upload-check-button:hover{
    animation: none;
    transform: scale(1.05);
    transition: 0.2s;
    text-decoration: none;
}

@keyframes pulseShake {
    0%, 80%, 100% {
        transform: translateX(0);
    }

    84% {
        transform: translateX(-3px);
    }

    88% {
        transform: translateX(3px);
    }

    92% {
        transform: translateX(-2px);
    }

    96% {
        transform: translateX(2px);
    }
}







.block-2-inner .slide-block > img{
    width: 300px;
    position: absolute;
    top: 0;
    left: 0;

    opacity: 0;
    animation: packFade 9s infinite;
}

.block-2-inner .slide-block > img:nth-child(1){
    animation-delay: 0s;
}

.block-2-inner .slide-block > img:nth-child(2){
    animation-delay: 3s;
}

.block-2-inner .slide-block > img:nth-child(3){
    animation-delay: 6s;
}

@keyframes packFade {
    0% {
        opacity: 0;
        transform: translateY(10px) scale(0.96);
    }

    8% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    30% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    38% {
        opacity: 0;
        transform: translateY(-10px) scale(0.96);
    }

    100% {
        opacity: 0;
        transform: translateY(-10px) scale(0.96);
    }
}







.block-4{
    position: relative;
    min-height: 600px;
}

.animate-packs-change-block{
    position: absolute;
    top: 10px;

    right: 0;
    width: 730px;

    display: flex;
    justify-content: center;
    align-items: center;

    opacity: 0;
    visibility: hidden;
    z-index: 0;

    animation: packsChange 120s infinite;
}

.pack1  { animation-delay: 0s; }
.pack2  { animation-delay: 3s; }
.pack3  { animation-delay: 6s; }
.pack4  { animation-delay: 9s; }
.pack5  { animation-delay: 12s; }
.pack6  { animation-delay: 15s; }
.pack7  { animation-delay: 18s; }
.pack8  { animation-delay: 21s; }
.pack9  { animation-delay: 24s; }
.pack10 { animation-delay: 27s; }
.pack11 { animation-delay: 30s; }
.pack12 { animation-delay: 33s; }
.pack13 { animation-delay: 36s; }
.pack14 { animation-delay: 39s; }
.pack15 { animation-delay: 42s; }
.pack16 { animation-delay: 45s; }
.pack17 { animation-delay: 48s; }
.pack18 { animation-delay: 51s; }
.pack19 { animation-delay: 54s; }
.pack20 { animation-delay: 57s; }
.pack21 { animation-delay: 60s; }
.pack22 { animation-delay: 63s; }
.pack23 { animation-delay: 66s; }
.pack24 { animation-delay: 69s; }
.pack25 { animation-delay: 72s; }
.pack26 { animation-delay: 75s; }
.pack27 { animation-delay: 78s; }
.pack28 { animation-delay: 81s; }
.pack29 { animation-delay: 84s; }
.pack30 { animation-delay: 87s; }
.pack31 { animation-delay: 90s; }
.pack32 { animation-delay: 93s; }
.pack33 { animation-delay: 96s; }
.pack34 { animation-delay: 99s; }
.pack35 { animation-delay: 102s; }
.pack36 { animation-delay: 105s; }
.pack37 { animation-delay: 108s; }
.pack38 { animation-delay: 111s; }
.pack39 { animation-delay: 114s; }
.pack40 { animation-delay: 117s; }

@keyframes packsChange {
    0% {
        opacity: 0;
        visibility: hidden;
        z-index: 0;
        transform: translateY(10px) scale(0.96);
    }

    0.4% {
        opacity: 1;
        visibility: visible;
        z-index: 2;
        transform: translateY(0) scale(1);
    }

    2.45% {
        opacity: 1;
        visibility: visible;
        z-index: 2;
        transform: translateY(0) scale(1);
    }

    2.5% {
        opacity: 0;
        visibility: hidden;
        z-index: 0;
        transform: translateY(0) scale(1);
    }

    100% {
        opacity: 0;
        visibility: hidden;
        z-index: 0;
        transform: translateY(0) scale(1);
    }
}