.media-flex {
    display: flex;
    align-items: flex-start;
}

.hw-image {
    margin-right: 1em;
    min-width: 200px;
}

.hw-text {
    flex: 1;
}

@media screen and (min-width: 0) and (max-width: 991px) {
    .media-flex {
        flex-direction: column;
        align-items: center;
    }

    .hw-user-label {
        text-align: center;
    }
}