.infosysta-card {
    height: 50px;
    position: relative;
}

.infosysta-card-inner {
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.infosysta-card:hover .infosysta-card-inner {
    transform: rotateY(180deg);
}

.infosysta-card-front,
.infosysta-card-back {
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

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