.reveal {
    opacity: 0;
    transform: translateY(30px);
}

.reveal-left {
    opacity: 0;
    transform: translateY(30px) translateX(-30px);    
}

.reveal-right {
    opacity: 0;
    transform: translateY(30px) translateX(30px);    
}

.reveal-visible {
    opacity: 1;
    transform: translateY(0px) translateX(0px);    
    transition: 0.6s cubic-bezier(.5,0,0,1)
}