.animation-reveal {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
  }
  .animation-reveal.fast {
    transition: 0.5s all ease;
  }
  .animation-reveal.medium {
    transition: 2s all ease;
  }
  .animation-reveal.slow {
    transition: 3s all ease;
  }
  .animation-reveal.slower {
    transition: 4s all ease;
  }
  
  .animation-reveal.show {
    transform: translateY(0);
    opacity: 1;
  }

  .reveal {
    overflow:hidden;
    position:relative;
    /* display:inline-block; */
  }
  

  .reveal::after {
    content: " ";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#fff;
    z-index:2;
    transition: all 0.5s ease;
  }
  
  .reveal.show::after { 
    height: 0;
  }