body {
    width: 100svw;
    height: 100svh;
    overflow: hidden;
    /*background-image: url("/assets/img/background/gb-01.jpg");*/
    /*backdrop-filter: brightness(10%);*/
    /*overflow: hidden;*/
    /*background-repeat: repeat;*/
    /*background-position: center;*/
    background: transparent;
}

#body-2 {
    width: 300svw;
    height: 300svw;
    position: fixed;
    z-index: 0;
    background-image: url("/assets/img/background/gb-01.jpg");
    background-repeat: repeat;
    background-position: center;
    animation: infinite bodyAnimation;
    animation-delay: 0s;
    animation-duration: 520s;
}

/*@keyframes bodyAnimation {*/
/*    0%{*/
/*        transform: translate(0, 0);*/
/*    }*/
/*    25%{*/
/*        transform: translate(-50svh, -50svw);*/
/*    }*/
/*    50%{*/
/*        transform: translate(-100svh, -100svw);*/
/*    }*/
/*    75%{*/
/*        transform: translate(-50svh, -50svw);*/
/*    }*/
/*    100%{*/
/*        transform: translate(0, 0);*/
/*    }*/
/*}*/

@keyframes bodyAnimation {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(-200svw, -200svw);
    }
    100% {
        transform: translate(0, 0);
    }
}

#body-2::before {
    /*backdrop-filter: brightness(1%);*/
}