title: The "hover" not work properly
body: <p>I have a problem with div "transition"\"hover" at my project : 
  <a href="http://moransh4.github.io/comverse/" rel="nofollow">Comverese</a>.</p>
  
  <p>At the section "SUCCESS STORIES" . when you hover the div's , it go up this o.k ,but not stay up when you move the mouse in that div. </p>
  
  <p>What is the problem? </p>
  
  <pre><code>.story1{
      position: absolute;
      width: 22rem;
      height: 12rem;
      z-index: 9;
      background: white;
      padding: 1rem;
      -webkit-transition:transform .6s ease-out;
      -moz-transition:transform .6s ease-out;
      -ms-transition:transform .6s ease-out;
      -o-transition:transform .6s ease-out;
      transition:transform .6s ease-out;
  }
  
  .story1:hover{
      -webkit-transform:translate(0px,-200px);
      -moz-transform:translate(0px,-200px);
      -ms-transform:translate(0px,-200px);
      -o-transform:translate(0px,-200px);
      transform:translate(0px,-200px);
  }
  </code></pre>