.ReactModal__Overlay {
  opacity: 0;
  transition: opacity 2000ms ease-in-out;
}

.ReactModal__Overlay--after-open{
  opacity: 1;
}

.ReactModal__Overlay--before-close{
  opacity: 0;
}

#modal .modal-enter .modalContainer {
  opacity: 0;
  transform: scale(0.9);
}
#modal .modal-enter-active .modalContainer {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.2s;
}
#modal .modal-exit .modalContainer {
  opacity: 1;
}
#modal .modal-exit-active .modalContainer {
  opacity: 0;
  transform: scale(0.9);
  transition: all 0.2s;
}