.c-card {
    &.c-card--boardmember {
        background-color: #FFF;
        width: 250px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        border-radius: 0.5rem;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        padding: 1.5rem;
        transition: 0.3s ease;

       &:hover {
            box-shadow: 0 6px 12px rgba(0,0,0,0.15);
            transform: translateY(-2px);
        }

        .c-card__name {
            margin-top: 1rem;
            font-weight: bold;
        }
        .c-card__position {
            color: #4c4c4c;
            word-wrap: break-word;
        }

        & > figure {
            aspect-ratio: 5/4;
            border-radius: 0.25rem;
            object-fit: cover;

            & img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

    }
}