.fade-up{
  opacity:0;
  transform:translateY(40px);
  transition:
    opacity .8s ease,
    transform .8s ease;
}

.fade-up.active{
  opacity:1;
  transform:translateY(0);
}

.fade-in{
  opacity:0;
  transition:opacity 1s ease;
}

.fade-in.active{
  opacity:1;
}

.zoom-in{
  opacity:0;
  transform:scale(.9);
  transition:
    opacity .8s ease,
    transform .8s ease;
}

.zoom-in.active{
  opacity:1;
  transform:scale(1);
}