.slide[data-position="-5"] {
    rotate: -150deg;
    translate: -81% 219%;
    z-index: 10
}

.slide[data-position="-4"] {
    rotate: -120deg;
    translate: -130% 177%;
    z-index: 11
}

.slide[data-position="-3"] {
    rotate: -90deg;
    translate: -145% 123%;
    z-index: 12
}

.slide[data-position="-2"] {
    rotate: -60deg;
    translate: -130% 69%;
    z-index: 13
}

.slide[data-position="-1"] {
    rotate: -30deg;
    translate: -81% 27%;
    z-index: 14
}

.slide[data-position="0"] {
    rotate: 0deg;
    translate: 0 0;
    z-index: 15
}

.slide[data-position="1"] {
    rotate: 30deg;
    translate: 81% 27%;
    z-index: 14
}

.slide[data-position="2"] {
    rotate: 60deg;
    translate: 130% 69%;
    z-index: 13
}

.slide[data-position="3"] {
    rotate: 90deg;
    translate: 145% 123%;
    z-index: 12
}

.slide[data-position="4"] {
    rotate: 120deg;
    translate: 130% 177%;
    z-index: 11
}

.slide[data-position="5"] {
    rotate: 150deg;
    translate: 81% 219%;
    z-index: 10
}

.slide[data-position="-6"],
.slide[data-position="6"] {
    rotate: 180deg;
    translate: 0 246%;
    z-index: 9
}