.media-feature {
    padding: 30px;
    -webkit-transition: .2s all ease-out;
    -o-transition: .2s all ease-out;
    transition: .2s all ease-out;
    background: #fff;
    z-index: 1;
    position: relative;
    border-bottom: 10px solid transparent;
    border-radius: 4px;
    font-size: 15px;
}
.media-feature:hover, .media-feature:focus {
    -webkit-box-shadow: 0 2px 20px -3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 20px -3px rgba(0, 0, 0, 0.1);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 2;
    border-bottom: 10px solid #d3242a;;
  }
  .element-animate {
    opacity: 0;
    visibility: hidden;
}
.fadeInUp {
    animation-name: fadeInUp;
}
.element-animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
@keyframes fadeInUp {
    from {
      opacity: 0;
      visibility: hidden;
      transform: translate3d(0, 40px, 0);
    }
  
    to {
      opacity: 1;
      visibility: visible;
      transform: none;
    }
  }
  
  .fadeInUp {
    animation-name: fadeInUp;
  }