.card{ 


}
.box{ 
width: 130px;
height: 150px;
background-size:100% 100%;
position:absolute;
border-radius:10px;
/* border:1px solid; */
-webkit-perspective: 500;

}
.on{ 
-webkit-box-shadow: 0 2px 5px #666;
/* border:1px solid red; */
box-sizing:border-box
}
#pole{ 
position:relative;
margin:50px auto;
width: 1000px;
height:600px;
 

}
.card {
	background-color:#b4f1b5;
	background-size:100% 100%;
position:absolute;
top:1%;
left:1%;
border-radius:10px;
   
 width: 98%;
height: 98%;
   
    -webkit-transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 0.5s ;

}

.rotated{

    -webkit-transform: rotateY(180deg);

}

.side{

    position: absolute;

    -webkit-backface-visibility: hidden;

   

}

.front{
overflow:hidden;
    width: 100%;
height: 103%;
}

.back{
	overflow:hidden;

    width: 98%;
height: 98%;

  

    -webkit-transform: rotateY(180deg);
}
img{width:98%;height:98%}