.card {
    height: 220px;
    margin-bottom: 20px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    cursor: pointer;
    transform: scale(1);
    transform-style: preserve-3d;
    transition: transform .9s;
}

.card:active {
    transform: scale(0.97);
    transition: transform .2s;
}

.card-front {
    padding: 2px;
    object-fit: contain;
}

.card-back {
    padding: 10px;
    object-fit: contain;

}

.card-front,
.card-back {
    width: 100%;
    height: 220px;
    position: absolute;
    border-radius: 5px;
    background: #1DCAB7;
    backface-visibility: hidden;
}

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

.card.flip {
    transform: rotateY(180deg);
}

.esquerda {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    background-color: #fff;
    padding: 3px !important;
    margin-bottom: -20px !important;
    max-height: 50px;
    color: #000;
    overflow-y: hidden;
    border-radius: 5px;
}

.span_nome_politico {
    line-height: 1.2;
}

@media only screen and (max-width: 991px) {

    .card {
        height: 120px;
        margin-bottom: 20px;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
        cursor: pointer;
        transform: scale(1);
        transform-style: preserve-3d;
        transition: transform .9s;
    }

	.card-front,
    .card-back {
        width: 100%;
        height: 120px;
        position: absolute;
        border-radius: 5px;
        background: rgb(92, 187, 182);
        backface-visibility: hidden;
    }
}