.itemBox.active {
  animation-name: show;
  animation-duration: 3s;
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.itemBox.hide {
  display: none;
  animation-name: hide;
  animation-duration: 3s;
}
@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}


.itemBoxej.active {
  animation-name: show;
  animation-duration: 3s;
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.itemBox.hide {
  display: none;
  animation-name: hide;
  animation-duration: 3s;
}
@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}