@keyframes flip-left-right {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateY(-20deg);
    }
    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80% {
        transform: perspective(400px) rotateY(-5deg);
    }
    100% {
        transform: perspective(400px) rotateY(0deg);
    }
}

.flip-left-right {
    animation: flip-left-right 2s ease-in;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#steps .major .group .media .icon {
    opacity: 0;
}

#steps .major .group .media .icon.flip-left-right {
    opacity: 1;
}