.popup-effect {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 3s ease-out, transform 4s ease-out;
  }
  
  /* Active state when the element is in the viewport */
  .popup-effect.visible {
    opacity: 1;
    transform: translateY(0);
  }