/* Slide-up animation */
  .slide-up {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.5s ease;
  }

  /* Slide-up animation when element is visible */
  .slide-up.show {
    opacity: 1;
    transform: translateY(0);
  }

  /* Delayed animation for each child element */
  .slide-up[data-index="0"] { transition-delay: 0.1s; }
  .slide-up[data-index="1"] { transition-delay: 0.2s; }
  .slide-up[data-index="2"] { transition-delay: 0.3s; }
  .slide-up[data-index="3"] { transition-delay: 0.4s; }
  .slide-up[data-index="4"] { transition-delay: 0.5s; }
  .slide-up[data-index="5"] { transition-delay: 0.6s; }
  /* Add more as needed for the number of items */