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