body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #b47272;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.stage {
    display: inline-block;
    padding: 2vw;
}

.spin3d {
    display: inline-block;
    transform-style: preserve-3d;
    animation: spinY 7s linear infinite;
    /* speed of rotation */
    font: 700 5vw/1 "Comic Sans MS", "Arial Black", Impact, sans-serif;
    color: #0000;
    letter-spacing: 1px;

    /* Fake “extrusion” like old GIFs */
    text-shadow:
        1px 0 0 #0c0c0c,
        2px 0 0 #090909,
        3px 0 0 #0f0e0d,
        4px 0 0 #211f1f;

    /* Toggle this: hide the mirrored back for a cleaner look */
    /* backface-visibility: hidden; */
}

@keyframes spinY {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(360deg);
    }
}

.gif-mode {
    animation-timing-function: steps(24, end);
}

/* 24 frames per turn */

img{
    width: 20vw;
}