.slide-in {
    opacity: 0;
    transform: translateX(-100%);
    transition: opacity 0.5s ease-out, transform 1.7s ease-out;
}
.slide-in.active {
    opacity: 1;
    transform: translateX(0);
}
.content {
    height: 200vh; /* Make sure there's enough scrolling space */
}