{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/tile-formatting.schema.json",
  "height": "100px",
  "width": "180px",
  "formatter": {
    "elmType": "div",
    "style": {
      "display": "flex",
      "flex-direction": "column",
      "align-items": "center",
      "border-radius": "12px",
      "box-shadow": "0 4px 12px rgba(0,0,0,0.1)",
      "background-color": "#ffffff",
      "overflow": "hidden",
      "text-decoration": "none",
      "margin": "10px",
      "padding": "0"
    },
    "children": [
      {
        "elmType": "a",
        "attributes": {
          "href": "[$URL]",
          "target": "_blank"
        },
        "style": {
          "display": "flex",
          "flex-direction": "column",
          "align-items": "center",
          "text-decoration": "none",
          "padding": "20px",
          "box-sizing": "border-box",
          "width": "100%",
          "height": "100%"
        },
        "children": [
          {
            "elmType": "img",
            "attributes": {
              "src": "[$ImageURL]",
              "alt": "[$Title]"
            },
            "style": {
              "width": "100%",
              "height": "100%",
              "object-fit": "contain"
            }
          }
        ]
      }
    ]
  }
}