.logo {
    width: 300px
}

.logo img {
    width: 100%
}

.logo img[src*="text"] {
    margin-top: 30px
}

.flip-vertical-right {
    -webkit-animation: flip-vertical-right 3s linear infinite both;
    animation: flip-vertical-right 3s linear infinite both
}

@-webkit-keyframes flip-vertical-right {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
    50% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@keyframes flip-vertical-right {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
    50% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}