.serCard{position:relative;width:300px;height:260px;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.5);transition:all .3s;padding:20px 40px}.text-title{position:absolute;width:100%;bottom:45px;left:0;text-align:center}.imgbox{position:relative;width:100%;height:100%;transform:translateY(-60px);z-index:1}img{width:100%;border-radius:10px}.serCard:hover{height:420px;margin-bottom:50px;cursor:pointer}.content,.serCard:hover .text-title{opacity:0}.content{padding:10px 0;text-align:center;color:#111;transition:all .3s;transform:translateY(-500px)}.serCard:hover .content{transform:translateY(-220px);opacity:1}