JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="row">
    <div class="col">
        <div class='cube'>
            <div class='cube-face'></div>
            <div class='cube-face'></div>
            <div class='cube-face'></div>
            <div class='cube-face'></div>
            <div class='cube-face'></div>
            <div class='cube-face'></div>
        </div>
    </div>
</div>

CSS

* {
    margin: 0;
}
html, body {
    height: 100%;
}
body {
    perspective: 25em;
}
.row {
    display: flex;
}
.row::after {
    display: block;
    content: '';
    clear: both;
}
.col {
    position: relative;
    flex: 1;
}
[class*='cube'] {
    position: absolute;
}
.cube {
    top: 50%;
    left: 50%;
    font-size: 8vmin;
    transform-style: preserve-3d;
    animation: cube 8s linear infinite;
}
.cube-face {
    margin: -2em;
    width: 4em;
    height: 4em;
    backface-visibility: hidden;
}
.cube-face:nth-child(1) {
    transform: translateZ(2em);
    background: url(http://test.dgbes.com/images/cube-face-1.jpg) center/contain no-repeat fixed;
}
.cube-face:nth-child(2) {
    transform: rotateY(90deg) translateZ(2em);
    background: url(http://test.dgbes.com/images/cube-face-2.jpg) center/contain no-repeat fixed;
}
.cube-face:nth-child(3) {
    transform: rotateY(180deg) translateZ(2em);
    background: url(http://test.dgbes.com/images/cube-face-3.jpg) center/contain no-repeat fixed;
}
.cube-face:nth-child(4) {
    transform: rotateY(270deg) translateZ(2em);
    background: url(http://test.dgbes.com/images/cube-face-4.jpg) center/contain no-repeat fixed;
}
.cube-face:nth-child(5) {
    transform: rotateX(90deg) translateZ(2em);
    background: url(http://test.dgbes.com/images/cube-face-5.jpg) center/contain no-repeat fixed;
}
.cube-face:nth-child(6) {
    transform: rotateX(-90deg) translateZ(2em);
    background: url(http://test.dgbes.com/images/cube-face-6.jpg) center/contain no-repeat fixed;
}
@keyframes cube {
	to {
	    transform: rotate3d(1, 1, 1, 1turn) rotate3d(1, -1, 1, 1turn);
    }
}