/* Initial hidden state */
.fade-bg,
.fade-text {
  opacity: 0;
}

/* Background fade in after 1s */
.fade-bg {
  animation: fadeIn 2s ease forwards;
  animation-delay: 0.2s;
}

/* Text fade in after 2s */
.fade-text {
  animation: fadeIn 2s ease forwards;
  animation-delay: 0.5s;
}

/* Reusable fade animation */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}