.group:after { content: "."; display: block; height: auto; clear: both; visibility: hidden; }
* html .group { height: 1%; }
*:first-child+html .group { min-height: 0px; }  .stack { float: left; width: inherit;   position: relative; z-index: 10; } .stack img { max-width: 100%; height: 100%; vertical-align: bottom; border: 5px solid #fff; border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.stack:last-of-type { margin-right: 0; } .stack:before, .stack:after { content: ""; border-radius: 3px; width: 100%; height: 100%; position: absolute; border: 10px solid #fff; left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-webkit-transition: 0.3s all ease-out;
-moz-transition: 0.3s all ease-out;
transition: 0.3s all ease-out;
}
.stack:before { top: 4px; z-index: -10; } .stack:after { top: 8px; z-index: -20; }  .stack.rotated:before { 
-webkit-transform-origin: left bottom left;
-moz-transform-origin: left bottom left;
transform-origin: left bottom left;
-webkit-transform: rotate(6deg);
-moz-transform: rotate(6deg);
transform: rotate(6deg);
}
.stack.rotated:after { 
-webkit-transform-origin: left bottom left;
-moz-transform-origin: left bottom left;
transform-origin: left bottom left;
-webkit-transform: rotate(12deg);
-moz-transform: rotate(12deg);
transform: rotate(12deg);
} .stack.twisted:before {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
transform: rotate(10deg);
}	
.stack.twisted:after {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
transform: rotate(-10deg);
} .stack.rotated-left:before {
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
transform: rotate(-4deg);
}
.stack.rotated-left:after {
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
transform: rotate(-8deg);
} .stack.rotated-right:before { 
-webkit-transform-origin: bottom right;
-moz-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transform: rotate(4deg);
-moz-transform: rotate(4deg);
transform: rotate(4deg);
}
.stack.rotated-right:after { 
-webkit-transform-origin: bottom right;
-moz-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transform: rotate(8deg);
-moz-transform: rotate(8deg);
transform: rotate(8deg);
} .stack:hover:before, .stack:hover:after {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}