.tarot-cards{
    text-align: center;
    justify-content: center;
    min-height: 300px;
    position: relative;
}
.tarot-cards .card-div img{
    max-height: 230px;
}
.tarot-cards .card-div {
    margin: 5px;
    margin-top: 50px;
    cursor: pointer;
    transition: transform .2s; /* Animation */
    position: absolute;
    right: calc(100% - 155px);
}
.tarot-cards .card-div.flip .front{
    transition-duration:1s;
    z-index: 900;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}
.tarot-cards .card-div.flip .back{
    z-index: 1000;
    transition-duration:1s;
}
.tarot-cards .card-div .back{
    display: none;
}

.tarot-cards .card-div.active {
    margin-top: 35px;
    margin-bottom: 15px;
    animation: active-card-animation 1.3s infinite;
}
.tarot-cards .card-div:hover, .tarot-cards .card-div.wait{
    transform: scale(1.06);
    margin-top: 35px;
    margin-bottom: 15px;
    animation: unset;
}
.card-div#card1{
    right: calc((100% - 155px) - (((100% - 155px) / 5) *0));
}
.card-div#card2{
    right: calc((100% - 155px) - (((100% - 155px) / 5) *1));
}
.card-div#card3{
    right: calc((100% - 155px) - (((100% - 155px) / 5) *2));
}
.card-div#card4{
    right: calc((100% - 155px) - (((100% - 155px) / 5) *3));
}
.card-div#card5{
    right: calc((100% - 155px) - (((100% - 155px) / 5) *4));
}
.card-div#card6{
    right: calc((100% - 155px) - (((100% - 155px) / 5) *5));
}