{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "inlineEditField": "@currentField",
  "style": {
    "display": "flex",
    "flex-wrap": "wrap"
  },
  "children": [
    {
      "elmType": "div",
      "forEach": "person in @currentField",
      "style": {
        "display": "=if(@currentField,'flex','none')",
        "flex-direction": "row",
        "align-items": "center",
        "white-space": "nowrap",
        "border-radius": "13px",
        "margin": "4px",
        "margin-left": "10px"
      },
      "attributes": {
        "class": "ms-bgColor-neutralLight"
      },
      "defaultHoverField": "[$person]",
      "children": [
        {
          "elmType": "img",
          "style": {
            "width": "28px",
            "height": "28px",
            "border-radius": "50%"
          },
          "attributes": {
            "src": "=getUserImage([$person.email], 'small')"
          }
        },
        {
          "elmType": "div",
          "txtContent": "[$person.title]",
          "style": {
            "padding-left": "6px",
            "padding-right": "10px"
          },
          "attributes": {
            "class": "ms-fontColor-neutralPrimary"
          }
        }
      ]
    }
  ]
}