.animate-on-scroll{opacity:1;transform:translateY(0);transition:opacity .8s ease-out,transform .8s ease-out;will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.animate-on-scroll.animate-visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.animate-on-scroll{transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(40px)}.animate-on-scroll.animate-visible{transform:translateY(0)}}@media (min-width:769px) and (max-width:1024px){.animate-on-scroll{transition:opacity .7s ease-out,transform .7s ease-out;transform:translateY(50px)}.animate-on-scroll.animate-visible{transform:translateY(0)}}