#mainDiv{width:100px;height:100px;margin:-20px auto;perspective:200px;position:fixed;bottom:0;right:40%;}
#boxDiv{width:100px;transform-style:preserve-3d;animation:rotate 16s linear infinite;animation-direction:alternate;}
#boxDiv div{position:absolute;width:100px;height:100px;opacity:.9;color:white;}
#front{transform:translateZ(50px);background:black;background-image:url(https://jsims.com.pk/img/JSiMS.png);background-position:center;background-repeat:no-repeat;background-size:100px 100px;}
#back{transform:rotateY(180deg) translateZ(50px);background:#101010;background-image:url(https://jsims.com.pk/img/riskFree.jpg);background-position:center;background-repeat:no-repeat;background-size:100px 100px;}
#left{transform:rotateY(-90deg) translateX(-50px);transform-origin:left;background:black;background-image:url(https://jsims.com.pk/img/satisfaction-guaranteed.png);background-position:center;background-repeat:no-repeat;background-size:100px 100px;}
#right{transform:rotateY(90deg) translateX(50px);transform-origin:right;background:#101010;background-image:url(https://jsims.com.pk/img/Support.png);background-position:center;background-repeat:no-repeat;background-size:100px 100px;}
#top{transform:rotateX(-90deg) translateY(-50px);transform-origin:top;background:black;background-image:url(https://jsims.com.pk/assets/img/portfolio/al%20imtiaz%20academy.jpg);background-position:center;background-repeat:no-repeat;background-size:100px 100px;}
#bottom{transform:rotateX(90deg) translateY(50px);transform-origin:bottom;background:#101010;background-image:url(https://jsims.com.pk/assets/img/portfolio/city.jpg);background-position:center;background-repeat:no-repeat;background-size:100px 100px;}
@keyframes rotate{0%{transform:rotateY(0);}
100%{transform:rotateY(360deg);}
}