.reveal{
    position: relative;
    transform: translateX(-150px);
    opacity: 0;
    transition: 1s all ease;
    }

    .reveal.active{
    transform: translateY(0);
    opacity: 1;
    }

    .reveal-2{
    position: relative;
    transform: translateX(150px);
    opacity: 0;
    transition: 1s all ease;
    }

    .reveal-2.active{
    transform: translateY(0);
    opacity: 1;
    }

    .reveal-3{
    position: relative;
    bottom: -100px;
    opacity: 0;
    transition: 1s all ease;
    }

    .reveal-3.active{
    opacity: 1;
    bottom: 0;
    }