.mobile_scene {
    perspective: 1200px;
    width: 100%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
}

.mobile_cube {
    width: 100%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    user-select: none;
}

.mobile_transition {
    transition: transform 0.8s ease;
}
.mobile_transition_fast {
    transition: transform 0.3s ease;
}

.mobile_face {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    backface-visibility: hidden;
    user-select: none;
}

.mobile_front {
    transform: rotateY(0deg) translateZ(140px);
}

.mobile_right {
    transform: rotateY(90deg) translateZ(140px);
}

.mobile_back {
    transform: rotateY(180deg) translateZ(140px);
}

.mobile_left {
    transform: rotateY(-90deg) translateZ(140px);
}

.mobile_top,
.mobile_bottom {
    display: none;
}