@keyframes moveUpDown {
0% {
    transform: translateY(0px); /* Start at the original vertical position */
}
100% {
    transform: translateY(20px); /* Move 20 pixels down */
}
}

.moving-title3 {
    animation-name: moveUpDown;      /* Name of the @keyframes rule */
    animation-duration: 2s;          /* Duration of one cycle (2 seconds) */
    animation-iteration-count: infinite; /* Repeat the animation indefinitely */
    animation-direction: alternate;    /* Reverse direction each cycle for smooth bouncing */
    animation-timing-function: ease-in-out; /* Smooth start and end of the movement */
}

@keyframes anticlockwiseSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); }
}
.rotate-image {
  animation: anticlockwiseSpin 1.5s linear infinite; /* Spin 360deg over 5s */
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.rot-img {
  animation: spin 4s linear infinite; /* Spin 360deg over 5s */
}