.polaroid {
    width: 200px;
    padding: 10px 10px 20px 10px;
    border: 1px solid #BFBFBF;
    background-color: white;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
    -moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
    box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
    z-index: 2;
/*    -webkit-box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4);
    -moz-box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4);
    box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4);*/
}

.pull-right.polaroid {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    transform: rotate(-7deg);
    /*webkit-transition*/
    -webkit-transition: -webkit-transform 0.6s ease-in;
    -o-transition-property: background-color, width, height; 
    -o-transition-duration: 4s, 8s, 5s;
    -o-transition-timing-function: ease-in;
}

.pull-right.polaroid:hover,
.pull-right.polaroid:focus,
.pull-right.polaroid:active {
    -webkit-transform: rotate(0deg) scale(1.8);
    -o-transform: rotate(0deg) scale(1.8);
}

.pull-left.polaroid {
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    transform: rotate(-9deg);
}

img.polaroid {   
    z-index: 2;
    margin: -10px 10px 20px -20px;
    position: relative;
    webkit-transform: rotate(0deg);
    -webkit-transition: all 0.5s easy-in;
}

img.polaroid:hover,
img.polaroid:focus {
  /*  position: relative;*/
    z-index: 5;
}

img.polaroid:hover,
img.polaroid:focus,
img.polaroid:active {
    -webkit-transform: rotate(0deg);
}