blog post with responsive images

responsive-blog-post.json

{
  "Content" : {
    "uid" : {
      "type" : "UID",
      "config" : {
        "placeholder" : "UID"
      }
    },
    "title" : {
      "type" : "StructuredText",
      "fieldset" : "Title",
      "config" : {
        "single" : "heading1",
        "placeholder" : "The blog post title"
      }
    },
    "body" : {
      "fieldset" : "Body",
      "type" : "Slices",
      "config" : {
        "choices" : {
          "image" : {
            "type" : "Group",
            "fieldset" : "Images",
            "config" : {
              "repeat" : true,
              "fields" : {
                "illustration" : {
                  "type" : "Image",
                  "config" : {
                    "constraint" : {
                      "width" : 4000,
                      "height" : 3000
                    },
                    "thumbnails" : [ {
                      "name" : "Desktop",
                      "width" : 1920,
                      "height" : 1080
                    }, {
                      "name" : "Mobile",
                      "width" : 480,
                      "height" : 320
                    } ]
                  }
                },
                "caption" : {
                  "type" : "StructuredText",
                  "config" : {
                    "single" : "paragraph",
                    "placeholder" : "Image caption"
                  }
                }
              }
            }
          },
          "text" : {
            "type" : "Group",
            "fieldset" : "Text",
            "config" : {
              "repeat" : false,
              "fields" : {
                "content" : {
                  "type" : "StructuredText",
                  "fieldset" : "Content",
                  "config" : {
                    "placeholder" : "Start typing...",
                    "multi" : "paragraph",
                    "labels" : {
                      "" : [ {
                        "name" : "blockquote"
                      }, {
                        "name" : "important"
                      } ]
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}