.card{position:relative;height:388px;overflow:hidden;transition:background-color 1s ease-in-out}.card-back,.card-front{position:absolute;top:0;left:0;height:100%;width:100%;transition:transform 1s cubic-bezier(.785,.135,.15,.86);backface-visibility:hidden;overflow:hidden}.card-back{transform:translateX(120%);overflow-y:hidden}.card:hover .card-back{transform:translateX(0)}.card:hover .card-front{transform:translateX(-100%)}