/*

.card {
    opacity: 0;
    transform: translateX(200px);
    filter: blur(5px);
    transition: opacity 1.5s ease-out, transform 1.5s ease-out, filter 1.5s ease-out;
}

.card-animate {
    opacity: 1;
    transform: translateX(0);
    filter: blur(0);
}


.card > * {
    opacity: 1;
}*/


/*

.card {
    opacity: 0;
    transform: translateX(100px) rotateY(30deg);
    filter: blur(5px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out, filter 0.5s ease-out;
    perspective: 1000px;
}

.card-animate {
    opacity: 1;
    transform: translateX(0) rotateY(0deg);
    filter: blur(0);
}

.card-animate-out {
    opacity: 0;
    transform: translateX(-100px) rotateY(-30deg);
    filter: blur(5px);
}


.card > * {
    opacity: 1;
}


.row {
    perspective: 2000px;
}
*/