@keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fade-in-2 {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@mixin fade-in ($duration) {
  animation-name: fade-in;
  animation-fill-mode: both;
  animation-duration: #{$duration}s;
}

@mixin fade-in-2 ($duration) {
  animation-name: fade-in-2;
  animation-fill-mode: both;
  animation-duration: #{$duration}s;
}