.card-wrap{cursor:pointer;margin:10px;transform:perspective(800px);transform-style:preserve-3d}.card-wrap:hover .card-bg{opacity:.8;transition:.6s cubic-bezier(.23,1,.32,1),opacity 5s cubic-bezier(.23,1,.32,1)}.card-wrap:hover .card{transition:.6s cubic-bezier(.23,1,.32,1),box-shadow 2s cubic-bezier(.23,1,.32,1)}.card{background:linear-gradient(180deg,#d0fff3,#c8c8c8 40%,#463810);border-radius:10px;flex:0 0 240px;overflow:hidden;position:relative;transition:1s cubic-bezier(.445,.05,.55,.95)}.card-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;opacity:.5;padding:20px;pointer-events:none;position:absolute;scale:120%;transition:1s cubic-bezier(.445,.05,.55,.95),opacity 5s cubic-bezier(.445,.05,.55,.95) 1s;width:100%}