.group:after {
    content: ".";
    display: block;
    height: auto;
    clear: both;
    visibility: hidden
}

* html .group {
    height: 1%
}

*:first-child + html .group {
    min-height: 0
}

.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,.4);
        -moz-box-shadow: 0 1px 4px rgba(0,0,0,.4);
        box-shadow: 0 1px 4px rgba(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,.4);
        -moz-box-shadow: 0 1px 4px rgba(0,0,0,.4);
        box-shadow: 0 1px 4px rgba(0,0,0,.4);
        -webkit-transition: .3s all ease-out;
        -moz-transition: .3s all ease-out;
        transition: .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)
    }

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
    .stack {
        width: 100px;
        height: 100px;
        margin-bottom: 35px
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    .stack {
        width: 100px;
        height: 100px;
        margin-bottom: 35px
    }
}