.blur-in {
  animation: blur-in 500ms;
  animation-fill-mode: forwards;
}

@-webkit-keyframes blur-in {
  0% { filter: blur(0px); }
  100% { filter: blur(1.5px); }
}

.blur-out {
  animation: blur-out 500ms;
  animation-fill-mode: forwards;
}

@-webkit-keyframes blur-out {
  0% { filter: blur(1.5px); }
  100% { filter: blur(0px); }
}