.proyectCard {
    width: 350px;
    height: 400px;
    perspective: 1000px;
    min-height: 450px;
    margin-bottom: 20px;
}

.proyectCard-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 2s;
    transform-style: preserve-3d;

}

.proyectCard:hover .proyectCard-inner {
    transform: rotateY(180deg);

}

.proyectCard-front,
.proyectCard-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;

}

.proyectCard-back {
    transform: rotateY(180deg);
    padding: 20px;

}

.proyectCard-front {
    padding: 20px;

}