body {
    margin: 0;
    background: black;
}

.wrapper {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#scene_wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.scene_back {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.scene_back_box {
    width: 25%;
    height: 75%;
    margin-top: 10%;
    position: relative;
}

.scene_obj {
    position: absolute;
}

.scene_front {
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;

}

#scene_front_box_1 {
    position: relative;
    display: none;
}

.scene_front_obj {
    font-family: "Arial";
    font-weight: bold;
    font-size: 10vw;
    color: white;
}




.obj1 {
    background: url(Sequence/sequence-01.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;
}


.obj2 {
    background: url(Sequence/sequence-02.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;
}


.obj3 {
    background: url(Sequence/sequence-03.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}


.obj4 {
    background: url(Sequence/sequence-04.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}


.obj5 {
    background: url(Sequence/sequence-05.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}


.obj6 {
    background: url(Sequence/sequence-06.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}


.obj7 {
    background: url(Sequence/sequence-07.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}


.obj8 {
    background: url(Sequence/sequence-08.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}


.obj9 {
    background: url(Sequence/sequence-09.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}


.obj10 {
    background: url(Sequence/sequence-10.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}


.obj11 {
    background: url(Sequence/sequence-11.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}


.obj12 {
    background: url(Sequence/sequence-12.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}


.obj13 {
    background: url(Sequence/sequence-13.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}


.obj14 {
    background: url(Sequence/sequence-14.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}


.obj15 {
    background: url(Sequence/sequence-15.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}


.obj16 {
    background: url(Sequence/sequence-16.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj17 {
    background: url(Sequence/sequence-17.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj18 {
    background: url(Sequence/sequence-18.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj19 {
    background: url(Sequence/sequence-19.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj20 {
    background: url(Sequence/sequence-20.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj21 {
    background: url(Sequence/sequence-21.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj22 {
    background: url(Sequence/sequence-22.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj23 {
    background: url(Sequence/sequence-23.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj24 {
    background: url(Sequence/sequence-24.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj25 {
    background: url(Sequence/sequence-25.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj26 {
    background: url(Sequence/sequence-26.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj27 {
    background: url(Sequence/sequence-27.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj28 {
    background: url(Sequence/sequence-28.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj29 {
    background: url(Sequence/sequence-29.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj30 {
    background: url(Sequence/sequence-30.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj31 {
    background: url(Sequence/sequence-31.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj32 {
    background: url(Sequence/sequence-32.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj33 {
    background: url(Sequence/sequence-33.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj34 {
    background: url(Sequence/sequence-34.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj35 {
    background: url(Sequence/sequence-35.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj36 {
    background: url(Sequence/sequence-36.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj37 {
    background: url(Sequence/sequence-37.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj38 {
    background: url(Sequence/sequence-38.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj39 {
    background: url(Sequence/sequence-39.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj40 {
    background: url(Sequence/sequence-40.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj41 {
    background-image: url(Sequence/sequence-41.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj42 {
    background: url(Sequence/sequence-42.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj43 {
    background: url(Sequence/sequence-43.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj44 {
    background: url(Sequence/sequence-44.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj45 {
    background: url(Sequence/sequence-45.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj46 {
    background: url(Sequence/sequence-46.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj47 {
    background: url(Sequence/sequence-47.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj48 {
    background: url(Sequence/sequence-48.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj49 {
    background: url(Sequence/sequence-49.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}

.obj50 {
    background: url(Sequence/sequence-50.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25vw;
    height: 25vw;

}