.carousel {
    margin: 0;
    padding: 0;
}

.carousel {
    height: 100%;
    touch-action: none;
}

.carousel-body {
    height: 50vh;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: 0 10px 10px -10px rgba(0, 128, 0, 0.5);
    border-radius: 80%;
    margin: 35px;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 1); 

    -webkit-perspective: 1000px;
    perspective: 1000px;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

#dragcontainer,
#spincontainer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: auto;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transform: rotatex(-10deg);
    transform: rotateX(-10deg);
}

#dragcontainer img {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    position: absolute;
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    line-height: 200px;
    font-size: 50px;
    text-align: center;

    -webkit-box-shadow: 0 0 8px #060505;
    box-shadow: 0 0 8px #060606;

    -webkit-box-reflect: below 10px linear-gradient
    (transparent, transparent, #0005)
}

#dragcontainer img:hover {
    -webkit-box-shadow: 0 0 15px rgba(3, 3, 3, 0.867);
    box-shadow: 0 0 15px rgba(11, 11, 11, 0.867);

    -webkit-box-reflect: below 10px linear-gradient
    (transparent, transparent, #0007)
}

#dragcontainer p {
    font-family: 'Courier New', Courier, monospace;
    position: absolute;
    top: 100%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%) rotateX(90deg);
    transform: translate(-50%, -50%) rotateX(90deg);

    color: #0a0a0a;
}

#ground {
    width: 900px;
    height: 900px;

    position: absolute;
    top: 100%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%) rotateX(90deg);
    transform: translate(-50%, -50%) rotateX(90deg);
    
    background: -webkit-radial-gradient(center center, farthest-side, rgba(34, 178, 44, 0.8), transparent);
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@-webkit-keyframes spinrevert {
    from {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
    to {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@keyframes spinrevert {
    from {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
    to {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}