html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden
}
#container {
width: 100%;
height: 100%;
position: absolute;
perspective: 1000px
}
#ordinal {
width: 100%;
height: 100%;
border-radius: 10%;
animation: spin 30s infinite linear
}
img {
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
image-rendering: pixelated;
transform-style: preserve-3d
}
img::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
transform: rotateY(180deg);
margin-right: 20px
}
@keyframes spin {
from {
transform: perspective(1000px) rotateY(0)
}
to {
transform: perspective(1000px) rotateY(360deg)
}
}