.flipcard_scene {
    position: relative;
    width: 100%;
    height: 100vh;
    perspective: 1000px
}
.flipcard_button {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    z-index: 9;
    opacity: 0.7;
}
@media (max-width: 768px) {
    .flipcard_button {
        margin-top: -10px;
    }
}

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

.flipcard_card__face {
    position: absolute;
    height: 100%;
    width: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background: #fff;
}
.flipcard_card__face--back {
    transform: rotateY( 180deg );
}

.flipcard_card.is-flipped {
    transform: rotateY(180deg);
}

.flipcard_card .row {
    margin: 0 !important;
}