.card-container{position:relative;overflow:hidden}.front-card{position:relative;z-index:1}.back-card{position:absolute;top:80%;left:0;width:100%;height:100%;z-index:2;transition:top .6s ease-in-out;display:flex;justify-content:flex-start}.back-card-content-container{transition:top .5s ease-in-out;position:absolute;top:0;width:85%;display:flex;justify-content:flex-end;padding-top:20px;padding-left:0}.card-container:hover .back-card{top:0;justify-content:flex-end}.card-container:hover .back-card-content-container{top:150px}.card-container .back-card-content{transition:transform .6s ease-in-out;transform:translateY(0)}.card-container:hover .back-card-content{transform:translateY(-300px)}