.team-member{cursor:pointer;margin:auto;max-width:250px;position:relative;text-align:center}.team-member-hover{background:#fff;box-shadow:2px 2px 10px #ddd;display:grid;gap:1rem;grid-template-columns:1fr 1fr;height:var(--size);left:100%;opacity:0;padding:1rem;position:absolute;top:0;transform:translate(0);transition:.25s ease;visibility:hidden;width:var(--size);z-index:1}.team-member h2{font-size:20px}.team-member.active .team-member-hover{opacity:1;transform:translate(10px,10px);visibility:visible}.team-member-hover img{height:100%;max-width:none;object-fit:cover;width:100%}.team-member>img{box-shadow:1px 0 5px rgba(0,0,0,.1);transform:scale(1);transform-origin:bottom center;transition:.25s ease}.team-member:hover>img{box-shadow:1px 5px 10px rgba(0,0,0,.2);transform:scale(1.025)}@media (max-width:767px){.team-member-hover{left:50%;margin-bottom:2rem;top:90%;transform:translate(-50%) scale(1.2)}.team-member.active .team-member-hover{transform:translate(-50%,-50%) scale(1)}}