[data-aos="fade-rotate-right"],
[data-aos="fade-rotate-left"] {
  opacity: 0;
  transition-property: transform, opacity;
}

[data-aos="fade-rotate-right"].aos-animate,
[data-aos="fade-rotate-left"].aos-animate {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  [data-aos="fade-rotate-right"] {
    transform: rotate(-60deg);
  }

  [data-aos="fade-rotate-right"].aos-animate {
    transform: rotate(0);
  }
}

@media screen and (min-width: 768px) {
  [data-aos="fade-rotate-left"] {
    transform: rotate(60deg);
  }

  [data-aos="fade-rotate-left"].aos-animate {
    transform: rotate(0);
  }
}