.expandable-card{background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;cursor:pointer;flex:0.5;overflow:hidden;position:relative;transition:all .7s ease-in}.expandable-card .expandable-title{left:50%;position:absolute;top:50%;transform:rotate(90deg) translateY(100%);transition:all .7s linear}.expandable-card.active{flex:5}.expandable-card.active .expandable-title{opacity:0;position:absolute;text-align:center;top:50%;transform:rotate(90deg) translateY(1000%)}.expandable-content{bottom:-50%;left:0;opacity:0;padding:0 100px;position:absolute;transition:all .3s linear}.expandable-card.active .expandable-content{bottom:25%;opacity:1;transition-delay:.5s}