#unique-3d-slider { text-align:center; position:relative; margin:50px auto; }
#u3d-carousel { perspective:1200px; background:#100000; padding-top:10%; font-size:0; margin-bottom:3rem; overflow:hidden; }
#u3d-spinner { transform-style:preserve-3d; height:300px; transform-origin:50% 50% -500px; transition:1s; position:relative; }
#u3d-spinner img { width:40%; max-width:425px; position:absolute; left:30%; transform-origin:50% 50% -500px; outline:1px solid transparent; }

/* dynamic rotation handled by JS */

/* nav arrows */
#unique-3d-slider .u3d-left, #unique-3d-slider .u3d-right {
  color:#fff; display:inline-block; font-size:2rem; margin:5%; margin-top:-6rem;
  transition:0.6s color; cursor:pointer; user-select:none;
}
#unique-3d-slider .u3d-left:hover, #unique-3d-slider .u3d-right:hover { color:#888; }

/* responsive */
@media(max-width:768px){
  #u3d-spinner{ height:220px; }
  #u3d-spinner img{ width:60%; left:20%; }
}