.effect {
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.effect.visible {
  opacity: 1;
  transform: translateY(0);
}


.effect2 {
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.effect2.visible {
  opacity: 1;
  transform: translateY(0);
}


.effect3 {
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.effect3.visible {
  opacity: 1;
  transform: translateY(0);
}



.effect4 {
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.effect4.visible {
  opacity: 1;
  transform: translateY(0);
}