How to make profile pictures visible in a list (people picker field)?

mccoyd 
I modified this to allow the people detail window to open and have the "Name (with Picture)" functionality. I'm not good with JSON formatting or anything, but your post set me on the right path towards this. Thanks

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",
  "elmType": "div",
  "style": {
    "flex-direction": "column",
    "align-items": "flex-start",
    "margin-top": "6px",
    "padding-right": "8px",
    "width": "100%",
    "overflow": "hidden"
  },
  "children": [
    {
      "forEach": "personIterator in @currentField",
      "elmType": "div",
      "attributes": {
        "class": "ms-bgColor-neutralLight ms-fontColor-neutralSecondary"
      },
      "style": {
        "display": "inline-flex",
        "align-items": "center",
        "height": "32px",
        "overflow": "hidden",
        "border-radius": "12px",
        "margin": "2px"
      },
      "children": [
        {
          "elmType": "img",
          "attributes": {
            "src": "='/_layouts/15/userphoto.aspx?size=S&accountname=' + [$personIterator.email]",
            "title": "[$personIterator.title]"
          },
          "style": {
            "width": "32px",
            "height": "32px",
            "display": "block",
            "border-radius": "50%",
            "margin": "15px"
          }
        },
        {
          "elmType": "div",
          "txtContent": "[$personIterator.title]",
          "style": {
            "font-weight": "bold",
            "font-size": "12px",
            "margin": "15px"
          }
        }
      ],
      "defaultHoverField": "[$personIterator]"
    }
  ]
}