Row: Overlay Right

{
  "modifier": "Row--overlapRight",
  "style": null,
  "children": [
    {
      "component": "column",
      "context": {
        "span": 6,
        "children": [
          {
            "component": "heading",
            "context": {
              "level": 2,
              "text": "Curabitur blandit tempus porttitor."
            }
          },
          {
            "component": "p",
            "context": {
              "text": "Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Vestibulum id ligula porta felis euismod semper. Nullam id dolor id nibh ultricies vehicula ut id elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit."
            }
          }
        ]
      }
    },
    {
      "component": "column",
      "context": {
        "span": 6,
        "children": [
          {
            "component": "image",
            "context": {
              "responsive": true,
              "modifier": "Image--shadow",
              "src": "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 460'%3E%3Cpath fill='%23DEE1E1' d='M0 0h720v460H0z'/%3E%3Cg fill='%23B1B6B7'%3E%3Cpath d='M185.1 92.4v275.1h349.7V92.4H185.1zm321.6 245.3H215V122.3h291.7v215.4z'/%3E%3Cpath d='M230.1 314.9l60.4-63.5 22.6 9.8 71.4-76 28.1 33.6 12.7-7.6 68.6 103.7'/%3E%3Ccircle cx='299.9' cy='176.8' r='26.4'/%3E%3C/g%3E%3C/svg%3E",
              "style": "max-width: 100%; height: auto;"
            }
          }
        ]
      }
    }
  ]
}