.image--deco-wrap {
	height: 80px;
	overflow: hidden;
	background: var(--theme-white);
}

.image--deco {
	position: relative;
	transition-duration: 5s;
	animation: image--rotate 150s linear reverse infinite;
	will-change: transform;
	transform: scaleX(-1) scaleY(-1) translateX(10%) translateY(0%) rotate(0deg);
	transform-origin: center;
}

@keyframes image--rotate {
    0% {
        transform: scaleX(-1) scaleY(-1) translateX(10%) translateY(0%) rotate(0deg);
    }
    25% {
        transform: scaleX(-1) scaleY(-1) translateX(42%) translateY(64%) rotate(90deg);
    }
/*  	50% {
		transform: scaleX(-1) scaleY(-1) translateX(42%) translateY(64%) rotate(180deg);
	}
 	75% {
		transform: scaleX(-1) scaleY(-1) translateX(31%) translateY(64%) rotate(235deg);
	} */
    100% {
        transform: scaleX(-1) scaleY(-1) translateX(10%) translateY(0%) rotate(360deg);
    }
}