.spinning-image { transform: rotate(0deg); /* Initially set rotation */ animation: spin 10s linear infinite; /* Animation properties */ } @keyframes spin { 0% { transform: rotate(0deg); /* Start rotation */ } 100% { transform: rotate(360deg); /* End rotation */ } } //BOBBING IMAGE .moving-image { animation: moveUpDown 2s ease-in-out infinite; } @keyframes moveUpDown { 0%, 100% { transform: translateY(50px); /* Adjust the movement distance */ } 50% { transform: translateY(30px); /* Adjust the movement distance */ } }