.card{position:relative;overflow:hidden}.card-body{position:relative;transition:transform .5s ease-in-out}.card .card-heading{transform:translateY(200px);transition:transform .5s ease-in-out}.card .card-content{transform:translateY(100%);opacity:0;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.card:hover .card-heading{transform:translateY(0%)}.card:hover .card-content{transform:translateY(0%);opacity:1}