@keyframes rotate-animation {
	0% {
		transform: rotate(0deg);
     }
    50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.infine-rotate {
    animation: rotate-animation 10s infinite linear;
}



/* shine effect */

.image-shine {
	overflow: hidden;
	position: relative;
}

.image-shine::before {
	content: '';
	width: 80px;
	left: -250px;
	height: 500px;
	border-radius: 20%;
	position: absolute;
	transform: skewX(-30deg);
	background-color: rgba(255, 255, 255, 0.5);
}

.image-shine:hover::before {
	animation: shine 1s;
}

@keyframes shine {
	0%,100% {
		left: -250px;
	}
	50% {
		left: 100%;
	}
}