.transition-left {
    transform: translate(calc(-150% + 1em), 0);
}

.transition-right {
    transform: translate(calc(150% + 1em), 0);
}

.transition-left, .transition-right {    
    opacity: 0;
    will-change: transform;
}

.is-visible.transition-left, .is-visible.transition-right {
    transform: translate(0, 0);
    transition: transform 2s .4s cubic-bezier(0,1,.3,1),
                opacity 1.5s ease-in;
    opacity: 1;
}