How to set a scalable background image into my svg

Hello,

"children": [
      {
        "elmType": "svg",
        "attributes": {
          "viewBox": "0 0 1100 300"
        },
        "style": {
          "opacity": "1",
          "stroke": "green"
        },
        "children": [
          {
            "elmType": "a",
            "attributes": {
              "href": "[$href]",
              "alt": "[$alt]",
              "target": "_blank"
            },
            "children": [
              {
                "elmType": "path",
                "attributes": {
                  "title": "[$Title]",
                  "d": "[$coords]"
                },
                "style": {
                  "fill": "red"
                },
                "customCardProps": {
                  "openOnEvent": "hover",
                  "formatter": {
                    "elmType": "div",
                    "txtContent": "[$Title]",
                    "style": {
                      "padding": "10px"
                    }
                  },
                  "isBeakVisible": true
                }
              }
            ]
          }
        ]
      }
    ]

Do I miss something?

Thanks, dKayt