/* animation types 1 - full 360-degree rotate*/
								
		.rotate-image { animation: rotate 15s linear infinite; width: 100px; height:70px;}
		@keyframes rotate {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(360deg); }
		}
		
		/* animation types 2 - swivel */
		.swivel {
		  animation-name: swivelAnimation;
		  animation-duration: 15s; /* Adjust the duration as needed */
		  animation-timing-function: linear;
		  animation-iteration-count: infinite;
		  /* width: 100px; height:70px; */
		}
		@keyframes swivelAnimation {
		  0% { transform: rotate(0deg); }								  
		  50% { transform: rotate(180deg); /* Adjust the desired swivel angle */ }								  
		  100% { transform: rotate(0deg); }								  
		}
		
		/* animation types 3 - flip */
		.flip {
		  animation-name: flipAnimation;
		  animation-duration: 5s; /* Adjust the duration as needed */
		  animation-timing-function: linear;
		  animation-iteration-count: infinite;
		  /* width: 100px; height:70px; */
		}

		@keyframes flipAnimation {
		  0% {
			transform: rotateY(0deg);
		  }
		  50% {
			transform: rotateY(180deg); /* Adjust the desired flip angle */
		  }
		  100% {
			transform: rotateY(0deg);
		  }
		}