.ListCardPerson {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1rem;
}

.CardPerson {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    transition: box-shadow 150ms ease;
    cursor: pointer;

    &:hover {
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    }

    &:hover .CardPerson-image {
        object-view-box: inset(3%);
    }
}

.CardPerson-image {
    object-view-box: inset(0%);
    transition: object-view-box 150ms ease-in-out;
}