/* mission/vision to be hidden */
.fade-in-slide-up {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.6s ease, transform 0.6s ease;
  }
  
  /* class added when mission/vision is in the viewport */
  .visible {
    opacity: 1;
    transform: translateY(0);
  }

  @media (max-width: 768px) {
      .fade-in-slide-up {
          animation: none;
          opacity: 1;
          transform: none;
          transition: none;
      }
  }