.center-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.reappear {
  opacity: 0;
  transform: translateY(30px);
  animation: reappearFadeUp 1s ease-out forwards;
}

/* Reappear from left */
.reappear-left {
  opacity: 0;
  transform: translateX(-30px);
  animation: reappearFadeLeft 1s ease-out forwards;
}

/* Reappear from right */
.reappear-right {
  opacity: 0;
  transform: translateX(30px);
  animation: reappearFadeRight 1s ease-out forwards;
}

/* Keyframes */
@keyframes reappearFadeUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes reappearFadeLeft {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes reappearFadeRight {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.moving-text {
  position: absolute;        
  left: -100%;               
  font-size: 2rem;         
  font-weight: bold;


  animation: move-to-center 2s ease-out forwards;
}


@keyframes move-to-center {
  to {
    left: 50%;              
    transform: translateX(-50%);
  }
}