/* f-je za rotirane slicice */
.rc, .rc1, .rc2, .rc3, .rc4 {
  perspective: 3000px;
  width: 50%;
  position: absolute;
  left: 50%;
  top:50%;
  transform: translate(-50%, -50%);
  transform-style: preserve-3d;
  /*z-index:1000;*/
}
.rc1 {
  left: 65%;
  top:65%;
}
.rc2 {
  left: 59%;
  top:59%;
}

.rc img, .rc1 img, .rc2 img, .rc3 img, .rc4 img {
  transform: rotateX(70deg) rotateZ(-60deg) translate3d(-120px, 0px, 70px);
  box-shadow: -80px 60px 15px 5px rgba(0,0,0,0.4);
  transition: all .4s;
  transform-style: preserve-3d;
}
.rc:hover img, .rc1:hover img, .rc2:hover img, .rc3:hover img, .rc4:hover img {
  transform: rotateX(0deg) rotateZ(0deg) translate3d(0px, 0px, 0px);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
}