.card-selection {
    height: 20em;
}

.card-tarot {
    position: relative;
    z-index: 98;
    background-image: url('../img/cards/emptyslot.png');
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-size: contain;
    backface-visibility: hidden;
}

.card-picked {
    position: relative;
    z-index: 98;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-size: contain;
    backface-visibility: hidden;
}

.card-tarot:hover {
    transform: scale(1.1);
}

@-webkit-keyframes flip-v-right {
    0% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }
}

@keyframes flip-v-right {
    0% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }
}

.flip-v-right {
    -webkit-animation: flip-v-right 0.5s ease-out;
    animation: flip-v-right 0.5s ease-out;
}

@-webkit-keyframes flip-v-left {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    100% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
}

@keyframes flip-v-left {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    100% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
}

.puff-out-center {
    -webkit-animation: puff-out-center 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;
    animation: puff-out-center 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;
}

@-webkit-keyframes puff-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }
}

@keyframes puff-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }
}

.flip-v-left {
    -webkit-animation: flip-v-left 0.4s ease-in-out both;
    animation: flip-v-left 0.4s ease-in-out both;
}

.c-t-1 {
    background-image: url('../img/cards/front-tarot/1.jpg');
}

.c-t-2 {
    background-image: url('../img/cards/front-tarot/2.jpg');


}

.c-t-3 {
    background-image: url('../img/cards/front-tarot/3.jpg');


}

.c-t-4 {
    background-image: url('../img/cards/front-tarot/4.jpg');


}

.c-t-5 {
    background-image: url('../img/cards/front-tarot/5.jpg');
}

.c-t-6 {
    background-image: url('../img/cards/front-tarot/6.jpg');
}

.c-t-7 {
    background-image: url('../img/cards/front-tarot/7.jpg');
}

.c-t-8 {
    background-image: url('../img/cards/front-tarot/8.jpg');
}

.c-t-9 {
    background-image: url('../img/cards/front-tarot/9.jpg');
}

.c-t-10 {
    background-image: url('../img/cards/front-tarot/10.jpg');
}

.c-t-11 {
    background-image: url('../img/cards/front-tarot/11.jpg');
}

.c-t-12 {
    background-image: url('../img/cards/front-tarot/12.jpg');
}

.c-t-13 {
    background-image: url('../img/cards/front-tarot/13.jpg');
}

.c-t-14 {
    background-image: url('../img/cards/front-tarot/14.jpg');
}

.c-t-15 {
    background-image: url('../img/cards/front-tarot/15.jpg');
}

.c-t-16 {
    background-image: url('../img/cards/front-tarot/16.jpg');
}

.c-t-17 {
    background-image: url('../img/cards/front-tarot/17.jpg');
}

.c-t-18 {
    background-image: url('../img/cards/front-tarot/18.jpg');
}

.c-t-19 {
    background-image: url('../img/cards/front-tarot/19.jpg');
}

.c-t-20 {
    background-image: url('../img/cards/front-tarot/20.jpg');
}

.c-t-21 {
    background-image: url('../img/cards/front-tarot/21.jpg');
}

.c-t-22 {
    background-image: url('../img/cards/front-tarot/22.jpg');
}