.logo-card {
    height: 100px;
    width: 364px;
    position: relative;
    transform: rotateX(.25turn);
    transition: .5s all ease-out;
}

.hovtest .logo-card {
    animation: flipfront 6s linear infinite;
}

.logo-front {
    background-image: url(/assets/images/digitaloperationsfactory-spin.png);
    /* transition: .4 all linear; */
}

.logo-back {
    background: #ffffffff;
    background-position: -600px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition-delay: .17s;
    transform: scaleX(-1);
    position:absolute;
    top:0;
}

.hovtest .logo-back {
	animation: flipback 6s linear infinite;
}

@keyframes flipfront {
	0% {
		transform: rotateY(0turn);
	}
	100% {
		transform: rotateY(1turn);
	}
}

@keyframes flipback {
	24% {
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	74% {
		opacity: 1;
	}
	75% {
		opacity: 0;
	}
}