.container-card-portifolio{align-items:center}.card,.container-card-portifolio{display:flex;justify-content:center}.card{aspect-ratio:1/1;width:100%;position:relative;align-items:flex-end;padding:0 36px;perspective:2500px;cursor:pointer}.wrapper{height:100%;z-index:-1}.wrapper,.wrapper:after,.wrapper:before{position:absolute;width:100%;transition:all .5s}.wrapper:after,.wrapper:before{content:"";opacity:0;left:0}.wrapper:before{top:0;height:100%;background-image:linear-gradient(0deg,transparent 46%,rgba(12,13,19,.5) 68%,#0c0d13 97%)}.wrapper:after{bottom:0;height:80px}.cover-image{transition:opacity .5s ease-in-out;opacity:1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card.active .cover-image{opacity:.2}.title{width:100%;transition:transform .5s}.character{width:45%;opacity:0;position:absolute;z-index:-1;transition:all .5s}.card.active .wrapper{transform:perspective(2000px) translateY(30%) rotateX(80deg);box-shadow:0 35px 32px -8px rgba(0,217,185,.5);width:200px;height:200px}.card.active .title{transform:translate3d(0,-50%,100px)}.card.active .wrapper:after,.card.active .wrapper:before{opacity:1}.card.active .wrapper:after{height:120px}.card.active .character{opacity:1;transform:translate3d(0,5%,-1000px);filter:drop-shadow(0 4px 6px rgba(0,217,185,.9))}