.can-animate .animate-fade-in {
  opacity: 0;
  transition: opacity 1.2s ease-in-out;
}

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

.can-animate .animate-tl-in-right {
  opacity: 0;
  transform: translateX(100%);
  transition: opacity 1.2s ease-in-out, transform .7s ease-in-out;
}

.can-animate .animate-tl-in-right--active {
  opacity: 1;
  transform: translateX(0);
}

.can-animate .animate-tl-in-left {
  opacity: 0;
  transform: translateX(-100%);
  transition: opacity 1.2s ease-in-out, transform 1.8s ease-in-out;
}

.can-animate .animate-tl-in-left--active {
  opacity: 1;
  transform: translateX(0);
}

@media(max-width:991px) {

  .can-animate .animate-tl-in-left {
    transform: translateX(100%);
  }

  .can-animate .animate-tl-in-left--active {
    transform: translateX(0);
  }

}