.gka-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
.ZIndex {
    z-index: 1000;
}
.gka-wrap-mu {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
}
.opacity {
    opacity: 0;
}
#gka{
    transform: translate3d(0,0,0);
}
.animation {
    width: 100vw;
    height: 100vh;
    background-image: url("../images/box/0.png");
    background-size: 18.80rem 13.34rem;
    background-repeat: no-repeat;
    background-position: center;
    animation-name: keyframes-box;
    animation-duration: 1.2s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-timing-function: steps(1);
}

@keyframes keyframes-box {
    0% {
        width: 100vw;
        height: 100vh;
        background-image: url("../images/box/0.png");
        background-size: 18.80rem 13.34rem;
    }

    3.33% {
        background-image: url("../images/box/1.png");
    }

    6.67% {
        background-image: url("../images/box/2.png");
    }

    10.00% {
        background-image: url("../images/box/3.png");
    }

    13.33% {
        background-image: url("../images/box/4.png");
    }

    16.67% {
        background-image: url("../images/box/5.png");
    }

    20.00% {
        background-image: url("../images/box/6.png");
    }

    23.33% {
        background-image: url("../images/box/7.png");
    }

    26.67% {
        background-image: url("../images/box/8.png");
    }

    30.00% {
        background-image: url("../images/box/9.png");
    }

    33.33% {
        background-image: url("../images/box/10.png");
    }

    36.67% {
        background-image: url("../images/box/11.png");
    }

    40.00% {
        background-image: url("../images/box/12.png");
    }

    43.33% {
        background-image: url("../images/box/13.png");
    }

    46.67% {
        background-image: url("../images/box/14.png");
    }

    50.00% {
        background-image: url("../images/box/15.png");
    }

    53.33% {
        background-image: url("../images/box/16.png");
    }

    56.67% {
        background-image: url("../images/box/17.png");
    }

    60.00% {
        background-image: url("../images/box/18.png");
    }

    63.33% {
        background-image: url("../images/box/19.png");
    }

    66.67% {
        background-image: url("../images/box/20.png");
    }

    70.00% {
        background-image: url("../images/box/21.png");
    }

    73.33% {
        background-image: url("../images/box/22.png");
    }

    76.67% {
        background-image: url("../images/box/23.png");
    }

    80.00% {
        background-image: url("../images/box/24.png");
    }

    83.33% {
        background-image: url("../images/box/25.png");
    }

    86.67% {
        background-image: url("../images/box/26.png");
    }

    90.00% {
        background-image: url("../images/box/27.png");
    }

    93.33% {
        background-image: url("../images/box/28.png");
    }

    96.67%,
    100% {
        background-image: url("../images/box/29.png");
    }
}