.person-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 40px;

    @include breakpoint(xs) {
        flex-direction: row;
    }

    &__image-wrapper {
        overflow: hidden;
        border-radius: 50%;
    }

    &__content {
        text-align: center;
        width: 100%;
        flex-grow: 1;

        @include breakpoint(xs) {
            text-align: left;
            width: 1%;
        }
    }

    &__help-text {
        font-size: 20px;
        font-weight: 600;
    }
}