.contents {
    /* perspective: 1500px; */
    width: 260px;
    margin: 100px auto 0;
}

.box {
    width: 260px;
    height: 400px;
    position: relative;
    transform-style: preserve-3d;
    backface-visibility: hidden;
}

.c {
    width: 260px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s linear;
    box-shadow: 0px 7px 18px 0px rgba(38, 196, 159, 0.23);
}

.auto-img {
    width: 100%;
    height: 100%;
}

.c3 {
    transform: translateZ(0);
    left: -150px;
}

.c4 {
    transform: translateZ(100px);
    left: -150px;
}

.c5 {
    transform: translateZ(300px);
    left: 0;
}

.c1 {
    transform: translateZ(100px);
    left: 150px;
}

.c2 {
    transform: translateZ(0);
    left: 150px;
}