.show {
    display: table;
}

#pic {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.img {
    width: 310px;
    margin: 30px;
    padding: 10px;
    background-color: #fff;
    transition: transform 0.8s;
    -webkit-transform: transform 0.8s;
}

#a1 {
    transform: rotate(12deg);
}

#a2 {
    transform: rotate(-5deg);
}

#a3 {
    transform: rotate(10deg);
}

#a4 {
    transform: rotate(-8deg);
}

#a5 {
    transform: rotate(10deg);
}

#a6 {
    transform: rotate(-8deg);
}

#b1 {
    transform: rotate(-12deg);
}

#b2 {
    transform: rotate(5deg);
}

#b3 {
    transform: rotate(-10deg);
}

#b4 {
    transform: rotate(8deg);
}

#b5 {
    transform: rotate(-10deg);
}

#b6 {
    transform: rotate(8deg);
}

.img:hover {
    transform: scale(1.4) rotate(0deg) !important;
}