.card {
    width: 100%;
    height: 25.918rem;
    perspective: 500px;
}

.content {
    width: 100%;
    height: 100%;
    transition: transform 1s;
    transform-style: preserve-3d;
}

.card.show .content {
    transform: rotateY(180deg);
    transition: transform 0.5s;
}

.front,
.back {
    position: absolute;
    height: 100%;
    width: 100%;
    background: white;
    border-radius: 12px;
    backface-visibility: hidden;
}

.back {
    transform: rotateY(180deg);
}

.overlay {
    background: linear-gradient(2deg, #0E1015 0%, rgba(14, 16, 21, 0.00) 100%);
    background-blend-mode: multiply;
}