.member-image{width:100%;position:relative;display:flex;justify-content:center}.cover-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:16px;overflow:hidden;border:1px solid var(--background-transparent)}.wrapper{transition:all .5s;width:100%;z-index:-1;transform-style:preserve-3d;border-radius:16px;overflow:hidden}.wrapper:before,.wrapper:after{pointer-events:none;content:"";opacity:0;width:100%;height:100%;position:absolute;transition:opacity .5s ease,top 1s ease}.wrapper:before{top:100%;background-image:linear-gradient(to top,var(--background-transparent) 50%,transparent)}.wrapper:after{top:-100%;background-image:linear-gradient(to bottom,var(--background-transparent) 50%,transparent)}.character{width:100%;opacity:0;transition:all .5s;position:absolute;z-index:-1;will-change:transform}@media (hover: hover){.team-member:hover .wrapper{transform:translateY(-5%) rotateX(25deg) translateZ(0)}.team-member:hover .wrapper:before,.team-member:hover .wrapper:after{opacity:1;top:0%}.team-member:hover .character{opacity:1;transform:translateY(-10%) scale(1.1)}}@media (hover: none){.team-member.mobile-reached .wrapper{transform:perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0)}.team-member.mobile-reached .wrapper:before,.team-member.mobile-reached .wrapper:after{opacity:1;top:0%}.team-member.mobile-reached .character{opacity:1;transform:translateY(-10%) scale(1.1)}}