.js-fadein {
opacity: 0;
transform: translateY(20px);
transition:
opacity 0.7s ease,
transform 0.7s ease;
will-change: opacity, transform;
}
.js-fadein.is-visible {
opacity: 1;
transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
.js-fadein {
opacity: 1;
transform: none;
transition: none;
}
}