@keyframes dealCard {
    0% {
        transform: translateX(-100vw) rotate(-180deg) scale(0.5);
        opacity: 0;
    }
    70% {
        opacity: 1;
    }
    100% {
        transform: translateX(0) rotate(0deg) scale(1);
        opacity: 1;
    }
}

.card-dealing {
    animation: dealCard 0.7s ease-out forwards;
    transform: translateX(-100vw) rotate(-180deg) scale(0.5);
    opacity: 0;
}