/* Keyframe animation for fade-in */
    @keyframes fadeIn {
      0% {
          opacity: 0;
          transform: scale(1.2);
      }
      100% {
          opacity: 1;
          transform: scale(1);
      }
  }

  /* Keyframe animation for fade-out */
  @keyframes fadeOut {
      0% {
          opacity: 1;
          transform: scale(1);
      }
      100% {
          opacity: 0;
          transform: scale(0.8);
      }
  }

  /* Apply fade-in animation */
  .fade-in {
      display: block;
      animation: fadeIn 0.25s ease-in-out;
  }

  /* Apply fade-out animation */
  .fade-out {
      display: block;
      animation: fadeOut 0.25s ease-in-out;
  }