{
    "component": "card-gallery",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "heading": "Get more from Camden",
                "shortDescription": "Find relevant services, support and things to do.",
                "cardHeadingLevel": 3,
                "items": [
                    {
                        "title": "Starting school",
                        "image": {
                            "src": "/example-assets/images/300x200.jpg",
                            "alt": "Placeholder image showing its intrinsic dimensions",
                            "lazy": true,
                            "widths": {
                                "mobile": "100vw",
                                "tablet": "50vw",
                                "desktop": "370px"
                            },
                            "sources": [
                                {
                                    "type": "image/webp",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.webp",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.webp",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.webp",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.webp",
                                            "width": 1800
                                        }
                                    ]
                                },
                                {
                                    "type": "image/jpeg",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.jpg",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.jpg",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.jpg",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.jpg",
                                            "width": 1800
                                        }
                                    ]
                                }
                            ]
                        },
                        "href": "#1",
                        "alt": "Image alt text",
                        "shortDescription": "Get help and support for you and your child, apply for a new school place, find term dates and school travel."
                    },
                    {
                        "title": "Moving into Camden",
                        "href": "#2",
                        "image": {
                            "src": "/example-assets/images/300x200.jpg",
                            "alt": "Placeholder image showing its intrinsic dimensions",
                            "lazy": true,
                            "widths": {
                                "mobile": "100vw",
                                "tablet": "50vw",
                                "desktop": "370px"
                            },
                            "sources": [
                                {
                                    "type": "image/webp",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.webp",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.webp",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.webp",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.webp",
                                            "width": 1800
                                        }
                                    ]
                                },
                                {
                                    "type": "image/jpeg",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.jpg",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.jpg",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.jpg",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.jpg",
                                            "width": 1800
                                        }
                                    ]
                                }
                            ]
                        },
                        "alt": "Image alt text",
                        "shortDescription": "Check off what you need to do when you move into Camden, and what to do if you need support."
                    },
                    {
                        "title": "Making the most of Summer",
                        "href": "#3",
                        "image": {
                            "src": "/example-assets/images/300x200.jpg",
                            "alt": "Placeholder image showing its intrinsic dimensions",
                            "lazy": true,
                            "widths": {
                                "mobile": "100vw",
                                "tablet": "50vw",
                                "desktop": "370px"
                            },
                            "sources": [
                                {
                                    "type": "image/webp",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.webp",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.webp",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.webp",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.webp",
                                            "width": 1800
                                        }
                                    ]
                                },
                                {
                                    "type": "image/jpeg",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.jpg",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.jpg",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.jpg",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.jpg",
                                            "width": 1800
                                        }
                                    ]
                                }
                            ]
                        },
                        "alt": "Image alt text",
                        "shortDescription": "Find out what’s happening in Camden, host a street party, or get support over the summer holidays."
                    },
                    {
                        "title": "Starting school",
                        "href": "#4",
                        "image": {
                            "src": "/example-assets/images/300x200.jpg",
                            "alt": "Placeholder image showing its intrinsic dimensions",
                            "lazy": true,
                            "widths": {
                                "mobile": "100vw",
                                "tablet": "50vw",
                                "desktop": "370px"
                            },
                            "sources": [
                                {
                                    "type": "image/webp",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.webp",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.webp",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.webp",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.webp",
                                            "width": 1800
                                        }
                                    ]
                                },
                                {
                                    "type": "image/jpeg",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.jpg",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.jpg",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.jpg",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.jpg",
                                            "width": 1800
                                        }
                                    ]
                                }
                            ]
                        },
                        "alt": "Image alt text",
                        "shortDescription": "Get help and support for you and your child, apply for a new school place, find term dates and school travel."
                    }
                ]
            },
            "html": "<div class=\"lbcamden-card-gallery \">\n    \n      <h2>Get more from Camden</h2>\n    \n\n    \n      <p class=\"lbcamden-card-gallery__description\">\n        Find relevant services, support and things to do.\n      </p>\n    \n\n    <ul class=\"lbcamden-card-grid\">\n        \n            <li class=\"lbcamden-card-grid--link-wrapper\">\n              \n\n\n\n<div\n  class=\"lbcamden-card lbcamden-card--image-3x2\n  \n  lbcamden-card--naked\n  \n  \n  \n   lbcamden-card--image\"\n  data-module=\"lbcamden-card\">\n\n  <picture class=\"lbcamden-image__wrapper\">\n  \n\n  \n    \n    \n\n    <source\n      type=\"image/webp\"\n      srcset=\"/example-assets/images/300x200.webp 300w, /example-assets/images/600x400.webp 600w, /example-assets/images/1200x800.webp 1200w, /example-assets/images/1800x1200.webp 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n    \n    \n\n    <source\n      type=\"image/jpeg\"\n      srcset=\"/example-assets/images/300x200.jpg 300w, /example-assets/images/600x400.jpg 600w, /example-assets/images/1200x800.jpg 1200w, /example-assets/images/1800x1200.jpg 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n\n  \n\n  <img\n    class=\"lbcamden-image \"\n    src=\"/example-assets/images/300x200.jpg\"\n    alt=\"Placeholder image showing its intrinsic dimensions\"\n    \n    \n    loading=\"lazy\"\n    style=\"\"\n  />\n</picture>\n\n  <div class=\"lbcamden-card__content_wrapper\">\n\n\n<h3\n  class=\"govuk-heading-m\">\n  \n    <a href=\"#1\">\n      Starting school\n    </a>\n  \n</h3>\n\n  <div class=\"lbcamden-card__content\">\n    \n      <p>Get help and support for you and your child, apply for a new school place, find term dates and school travel.</p>\n    \n  </div>\n\n  </div>\n\n</div>\n\n            </li>\n        \n            <li class=\"lbcamden-card-grid--link-wrapper\">\n              \n\n\n\n<div\n  class=\"lbcamden-card lbcamden-card--image-3x2\n  \n  lbcamden-card--naked\n  \n  \n  \n   lbcamden-card--image\"\n  data-module=\"lbcamden-card\">\n\n  <picture class=\"lbcamden-image__wrapper\">\n  \n\n  \n    \n    \n\n    <source\n      type=\"image/webp\"\n      srcset=\"/example-assets/images/300x200.webp 300w, /example-assets/images/600x400.webp 600w, /example-assets/images/1200x800.webp 1200w, /example-assets/images/1800x1200.webp 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n    \n    \n\n    <source\n      type=\"image/jpeg\"\n      srcset=\"/example-assets/images/300x200.jpg 300w, /example-assets/images/600x400.jpg 600w, /example-assets/images/1200x800.jpg 1200w, /example-assets/images/1800x1200.jpg 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n\n  \n\n  <img\n    class=\"lbcamden-image \"\n    src=\"/example-assets/images/300x200.jpg\"\n    alt=\"Placeholder image showing its intrinsic dimensions\"\n    \n    \n    loading=\"lazy\"\n    style=\"\"\n  />\n</picture>\n\n  <div class=\"lbcamden-card__content_wrapper\">\n\n\n<h3\n  class=\"govuk-heading-m\">\n  \n    <a href=\"#2\">\n      Moving into Camden\n    </a>\n  \n</h3>\n\n  <div class=\"lbcamden-card__content\">\n    \n      <p>Check off what you need to do when you move into Camden, and what to do if you need support.</p>\n    \n  </div>\n\n  </div>\n\n</div>\n\n            </li>\n        \n            <li class=\"lbcamden-card-grid--link-wrapper\">\n              \n\n\n\n<div\n  class=\"lbcamden-card lbcamden-card--image-3x2\n  \n  lbcamden-card--naked\n  \n  \n  \n   lbcamden-card--image\"\n  data-module=\"lbcamden-card\">\n\n  <picture class=\"lbcamden-image__wrapper\">\n  \n\n  \n    \n    \n\n    <source\n      type=\"image/webp\"\n      srcset=\"/example-assets/images/300x200.webp 300w, /example-assets/images/600x400.webp 600w, /example-assets/images/1200x800.webp 1200w, /example-assets/images/1800x1200.webp 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n    \n    \n\n    <source\n      type=\"image/jpeg\"\n      srcset=\"/example-assets/images/300x200.jpg 300w, /example-assets/images/600x400.jpg 600w, /example-assets/images/1200x800.jpg 1200w, /example-assets/images/1800x1200.jpg 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n\n  \n\n  <img\n    class=\"lbcamden-image \"\n    src=\"/example-assets/images/300x200.jpg\"\n    alt=\"Placeholder image showing its intrinsic dimensions\"\n    \n    \n    loading=\"lazy\"\n    style=\"\"\n  />\n</picture>\n\n  <div class=\"lbcamden-card__content_wrapper\">\n\n\n<h3\n  class=\"govuk-heading-m\">\n  \n    <a href=\"#3\">\n      Making the most of Summer\n    </a>\n  \n</h3>\n\n  <div class=\"lbcamden-card__content\">\n    \n      <p>Find out what’s happening in Camden, host a street party, or get support over the summer holidays.</p>\n    \n  </div>\n\n  </div>\n\n</div>\n\n            </li>\n        \n            <li class=\"lbcamden-card-grid--link-wrapper\">\n              \n\n\n\n<div\n  class=\"lbcamden-card lbcamden-card--image-3x2\n  \n  lbcamden-card--naked\n  \n  \n  \n   lbcamden-card--image\"\n  data-module=\"lbcamden-card\">\n\n  <picture class=\"lbcamden-image__wrapper\">\n  \n\n  \n    \n    \n\n    <source\n      type=\"image/webp\"\n      srcset=\"/example-assets/images/300x200.webp 300w, /example-assets/images/600x400.webp 600w, /example-assets/images/1200x800.webp 1200w, /example-assets/images/1800x1200.webp 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n    \n    \n\n    <source\n      type=\"image/jpeg\"\n      srcset=\"/example-assets/images/300x200.jpg 300w, /example-assets/images/600x400.jpg 600w, /example-assets/images/1200x800.jpg 1200w, /example-assets/images/1800x1200.jpg 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n\n  \n\n  <img\n    class=\"lbcamden-image \"\n    src=\"/example-assets/images/300x200.jpg\"\n    alt=\"Placeholder image showing its intrinsic dimensions\"\n    \n    \n    loading=\"lazy\"\n    style=\"\"\n  />\n</picture>\n\n  <div class=\"lbcamden-card__content_wrapper\">\n\n\n<h3\n  class=\"govuk-heading-m\">\n  \n    <a href=\"#4\">\n      Starting school\n    </a>\n  \n</h3>\n\n  <div class=\"lbcamden-card__content\">\n    \n      <p>Get help and support for you and your child, apply for a new school place, find term dates and school travel.</p>\n    \n  </div>\n\n  </div>\n\n</div>\n\n            </li>\n        \n    </ul>\n</div>",
            "hidden": false
        },
        {
            "name": "without-description",
            "options": {
                "heading": "Get more from Camden",
                "cardHeadingLevel": 3,
                "items": [
                    {
                        "title": "Starting school",
                        "image": {
                            "src": "/example-assets/images/300x200.jpg",
                            "alt": "Placeholder image showing its intrinsic dimensions",
                            "lazy": true,
                            "widths": {
                                "mobile": "100vw",
                                "tablet": "50vw",
                                "desktop": "370px"
                            },
                            "sources": [
                                {
                                    "type": "image/webp",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.webp",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.webp",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.webp",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.webp",
                                            "width": 1800
                                        }
                                    ]
                                },
                                {
                                    "type": "image/jpeg",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.jpg",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.jpg",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.jpg",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.jpg",
                                            "width": 1800
                                        }
                                    ]
                                }
                            ]
                        },
                        "href": "#1",
                        "alt": "Image alt text",
                        "shortDescription": "Get help and support for you and your child, apply for a new school place, find term dates and school travel."
                    },
                    {
                        "title": "Moving into Camden",
                        "href": "#2",
                        "image": {
                            "src": "/example-assets/images/300x200.jpg",
                            "alt": "Placeholder image showing its intrinsic dimensions",
                            "lazy": true,
                            "widths": {
                                "mobile": "100vw",
                                "tablet": "50vw",
                                "desktop": "370px"
                            },
                            "sources": [
                                {
                                    "type": "image/webp",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.webp",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.webp",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.webp",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.webp",
                                            "width": 1800
                                        }
                                    ]
                                },
                                {
                                    "type": "image/jpeg",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.jpg",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.jpg",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.jpg",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.jpg",
                                            "width": 1800
                                        }
                                    ]
                                }
                            ]
                        },
                        "alt": "Image alt text",
                        "shortDescription": "Check off what you need to do when you move into Camden, and what to do if you need support."
                    },
                    {
                        "title": "Making the most of Summer",
                        "href": "#3",
                        "image": {
                            "src": "/example-assets/images/300x200.jpg",
                            "alt": "Placeholder image showing its intrinsic dimensions",
                            "lazy": true,
                            "widths": {
                                "mobile": "100vw",
                                "tablet": "50vw",
                                "desktop": "370px"
                            },
                            "sources": [
                                {
                                    "type": "image/webp",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.webp",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.webp",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.webp",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.webp",
                                            "width": 1800
                                        }
                                    ]
                                },
                                {
                                    "type": "image/jpeg",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.jpg",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.jpg",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.jpg",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.jpg",
                                            "width": 1800
                                        }
                                    ]
                                }
                            ]
                        },
                        "alt": "Image alt text",
                        "shortDescription": "Find out what’s happening in Camden, host a street party, or get support over the summer holidays."
                    },
                    {
                        "title": "Starting school",
                        "href": "#4",
                        "image": {
                            "src": "/example-assets/images/300x200.jpg",
                            "alt": "Placeholder image showing its intrinsic dimensions",
                            "lazy": true,
                            "widths": {
                                "mobile": "100vw",
                                "tablet": "50vw",
                                "desktop": "370px"
                            },
                            "sources": [
                                {
                                    "type": "image/webp",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.webp",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.webp",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.webp",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.webp",
                                            "width": 1800
                                        }
                                    ]
                                },
                                {
                                    "type": "image/jpeg",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.jpg",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.jpg",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.jpg",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.jpg",
                                            "width": 1800
                                        }
                                    ]
                                }
                            ]
                        },
                        "alt": "Image alt text",
                        "shortDescription": "Get help and support for you and your child, apply for a new school place, find term dates and school travel."
                    }
                ]
            },
            "html": "<div class=\"lbcamden-card-gallery \">\n    \n      <h2>Get more from Camden</h2>\n    \n\n    \n\n    <ul class=\"lbcamden-card-grid\">\n        \n            <li class=\"lbcamden-card-grid--link-wrapper\">\n              \n\n\n\n<div\n  class=\"lbcamden-card lbcamden-card--image-3x2\n  \n  lbcamden-card--naked\n  \n  \n  \n   lbcamden-card--image\"\n  data-module=\"lbcamden-card\">\n\n  <picture class=\"lbcamden-image__wrapper\">\n  \n\n  \n    \n    \n\n    <source\n      type=\"image/webp\"\n      srcset=\"/example-assets/images/300x200.webp 300w, /example-assets/images/600x400.webp 600w, /example-assets/images/1200x800.webp 1200w, /example-assets/images/1800x1200.webp 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n    \n    \n\n    <source\n      type=\"image/jpeg\"\n      srcset=\"/example-assets/images/300x200.jpg 300w, /example-assets/images/600x400.jpg 600w, /example-assets/images/1200x800.jpg 1200w, /example-assets/images/1800x1200.jpg 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n\n  \n\n  <img\n    class=\"lbcamden-image \"\n    src=\"/example-assets/images/300x200.jpg\"\n    alt=\"Placeholder image showing its intrinsic dimensions\"\n    \n    \n    loading=\"lazy\"\n    style=\"\"\n  />\n</picture>\n\n  <div class=\"lbcamden-card__content_wrapper\">\n\n\n<h3\n  class=\"govuk-heading-m\">\n  \n    <a href=\"#1\">\n      Starting school\n    </a>\n  \n</h3>\n\n  <div class=\"lbcamden-card__content\">\n    \n      <p>Get help and support for you and your child, apply for a new school place, find term dates and school travel.</p>\n    \n  </div>\n\n  </div>\n\n</div>\n\n            </li>\n        \n            <li class=\"lbcamden-card-grid--link-wrapper\">\n              \n\n\n\n<div\n  class=\"lbcamden-card lbcamden-card--image-3x2\n  \n  lbcamden-card--naked\n  \n  \n  \n   lbcamden-card--image\"\n  data-module=\"lbcamden-card\">\n\n  <picture class=\"lbcamden-image__wrapper\">\n  \n\n  \n    \n    \n\n    <source\n      type=\"image/webp\"\n      srcset=\"/example-assets/images/300x200.webp 300w, /example-assets/images/600x400.webp 600w, /example-assets/images/1200x800.webp 1200w, /example-assets/images/1800x1200.webp 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n    \n    \n\n    <source\n      type=\"image/jpeg\"\n      srcset=\"/example-assets/images/300x200.jpg 300w, /example-assets/images/600x400.jpg 600w, /example-assets/images/1200x800.jpg 1200w, /example-assets/images/1800x1200.jpg 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n\n  \n\n  <img\n    class=\"lbcamden-image \"\n    src=\"/example-assets/images/300x200.jpg\"\n    alt=\"Placeholder image showing its intrinsic dimensions\"\n    \n    \n    loading=\"lazy\"\n    style=\"\"\n  />\n</picture>\n\n  <div class=\"lbcamden-card__content_wrapper\">\n\n\n<h3\n  class=\"govuk-heading-m\">\n  \n    <a href=\"#2\">\n      Moving into Camden\n    </a>\n  \n</h3>\n\n  <div class=\"lbcamden-card__content\">\n    \n      <p>Check off what you need to do when you move into Camden, and what to do if you need support.</p>\n    \n  </div>\n\n  </div>\n\n</div>\n\n            </li>\n        \n            <li class=\"lbcamden-card-grid--link-wrapper\">\n              \n\n\n\n<div\n  class=\"lbcamden-card lbcamden-card--image-3x2\n  \n  lbcamden-card--naked\n  \n  \n  \n   lbcamden-card--image\"\n  data-module=\"lbcamden-card\">\n\n  <picture class=\"lbcamden-image__wrapper\">\n  \n\n  \n    \n    \n\n    <source\n      type=\"image/webp\"\n      srcset=\"/example-assets/images/300x200.webp 300w, /example-assets/images/600x400.webp 600w, /example-assets/images/1200x800.webp 1200w, /example-assets/images/1800x1200.webp 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n    \n    \n\n    <source\n      type=\"image/jpeg\"\n      srcset=\"/example-assets/images/300x200.jpg 300w, /example-assets/images/600x400.jpg 600w, /example-assets/images/1200x800.jpg 1200w, /example-assets/images/1800x1200.jpg 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n\n  \n\n  <img\n    class=\"lbcamden-image \"\n    src=\"/example-assets/images/300x200.jpg\"\n    alt=\"Placeholder image showing its intrinsic dimensions\"\n    \n    \n    loading=\"lazy\"\n    style=\"\"\n  />\n</picture>\n\n  <div class=\"lbcamden-card__content_wrapper\">\n\n\n<h3\n  class=\"govuk-heading-m\">\n  \n    <a href=\"#3\">\n      Making the most of Summer\n    </a>\n  \n</h3>\n\n  <div class=\"lbcamden-card__content\">\n    \n      <p>Find out what’s happening in Camden, host a street party, or get support over the summer holidays.</p>\n    \n  </div>\n\n  </div>\n\n</div>\n\n            </li>\n        \n            <li class=\"lbcamden-card-grid--link-wrapper\">\n              \n\n\n\n<div\n  class=\"lbcamden-card lbcamden-card--image-3x2\n  \n  lbcamden-card--naked\n  \n  \n  \n   lbcamden-card--image\"\n  data-module=\"lbcamden-card\">\n\n  <picture class=\"lbcamden-image__wrapper\">\n  \n\n  \n    \n    \n\n    <source\n      type=\"image/webp\"\n      srcset=\"/example-assets/images/300x200.webp 300w, /example-assets/images/600x400.webp 600w, /example-assets/images/1200x800.webp 1200w, /example-assets/images/1800x1200.webp 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n    \n    \n\n    <source\n      type=\"image/jpeg\"\n      srcset=\"/example-assets/images/300x200.jpg 300w, /example-assets/images/600x400.jpg 600w, /example-assets/images/1200x800.jpg 1200w, /example-assets/images/1800x1200.jpg 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n\n  \n\n  <img\n    class=\"lbcamden-image \"\n    src=\"/example-assets/images/300x200.jpg\"\n    alt=\"Placeholder image showing its intrinsic dimensions\"\n    \n    \n    loading=\"lazy\"\n    style=\"\"\n  />\n</picture>\n\n  <div class=\"lbcamden-card__content_wrapper\">\n\n\n<h3\n  class=\"govuk-heading-m\">\n  \n    <a href=\"#4\">\n      Starting school\n    </a>\n  \n</h3>\n\n  <div class=\"lbcamden-card__content\">\n    \n      <p>Get help and support for you and your child, apply for a new school place, find term dates and school travel.</p>\n    \n  </div>\n\n  </div>\n\n</div>\n\n            </li>\n        \n    </ul>\n</div>",
            "hidden": false
        },
        {
            "name": "with surround",
            "options": {
                "heading": "Get more from Camden",
                "shortDescription": "Find relevant services, support and things to do.",
                "cardHeadingLevel": 3,
                "items": [
                    {
                        "title": "Starting school",
                        "image": {
                            "src": "/example-assets/images/300x200.jpg",
                            "alt": "Placeholder image showing its intrinsic dimensions",
                            "lazy": true,
                            "widths": {
                                "mobile": "100vw",
                                "tablet": "50vw",
                                "desktop": "370px"
                            },
                            "sources": [
                                {
                                    "type": "image/webp",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.webp",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.webp",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.webp",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.webp",
                                            "width": 1800
                                        }
                                    ]
                                },
                                {
                                    "type": "image/jpeg",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.jpg",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.jpg",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.jpg",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.jpg",
                                            "width": 1800
                                        }
                                    ]
                                }
                            ]
                        },
                        "href": "#1",
                        "alt": "Image alt text",
                        "shortDescription": "Get help and support for you and your child, apply for a new school place, find term dates and school travel."
                    },
                    {
                        "title": "Moving into Camden",
                        "href": "#2",
                        "image": {
                            "src": "/example-assets/images/300x200.jpg",
                            "alt": "Placeholder image showing its intrinsic dimensions",
                            "lazy": true,
                            "widths": {
                                "mobile": "100vw",
                                "tablet": "50vw",
                                "desktop": "370px"
                            },
                            "sources": [
                                {
                                    "type": "image/webp",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.webp",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.webp",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.webp",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.webp",
                                            "width": 1800
                                        }
                                    ]
                                },
                                {
                                    "type": "image/jpeg",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.jpg",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.jpg",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.jpg",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.jpg",
                                            "width": 1800
                                        }
                                    ]
                                }
                            ]
                        },
                        "alt": "Image alt text",
                        "shortDescription": "Check off what you need to do when you move into Camden, and what to do if you need support."
                    },
                    {
                        "title": "Making the most of Summer",
                        "href": "#3",
                        "image": {
                            "src": "/example-assets/images/300x200.jpg",
                            "alt": "Placeholder image showing its intrinsic dimensions",
                            "lazy": true,
                            "widths": {
                                "mobile": "100vw",
                                "tablet": "50vw",
                                "desktop": "370px"
                            },
                            "sources": [
                                {
                                    "type": "image/webp",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.webp",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.webp",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.webp",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.webp",
                                            "width": 1800
                                        }
                                    ]
                                },
                                {
                                    "type": "image/jpeg",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.jpg",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.jpg",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.jpg",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.jpg",
                                            "width": 1800
                                        }
                                    ]
                                }
                            ]
                        },
                        "alt": "Image alt text",
                        "shortDescription": "Find out what’s happening in Camden, host a street party, or get support over the summer holidays."
                    },
                    {
                        "title": "Starting school",
                        "href": "#4",
                        "image": {
                            "src": "/example-assets/images/300x200.jpg",
                            "alt": "Placeholder image showing its intrinsic dimensions",
                            "lazy": true,
                            "widths": {
                                "mobile": "100vw",
                                "tablet": "50vw",
                                "desktop": "370px"
                            },
                            "sources": [
                                {
                                    "type": "image/webp",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.webp",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.webp",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.webp",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.webp",
                                            "width": 1800
                                        }
                                    ]
                                },
                                {
                                    "type": "image/jpeg",
                                    "sources": [
                                        {
                                            "src": "/example-assets/images/300x200.jpg",
                                            "width": 300
                                        },
                                        {
                                            "src": "/example-assets/images/600x400.jpg",
                                            "width": 600
                                        },
                                        {
                                            "src": "/example-assets/images/1200x800.jpg",
                                            "width": 1200
                                        },
                                        {
                                            "src": "/example-assets/images/1800x1200.jpg",
                                            "width": 1800
                                        }
                                    ]
                                }
                            ]
                        },
                        "alt": "Image alt text",
                        "shortDescription": "Get help and support for you and your child, apply for a new school place, find term dates and school travel."
                    }
                ],
                "surround": true
            },
            "html": "<div class=\"lbcamden-card-gallery lbcamden-surround \">\n    \n      <h2>Get more from Camden</h2>\n    \n\n    \n      <p class=\"lbcamden-card-gallery__description\">\n        Find relevant services, support and things to do.\n      </p>\n    \n\n    <ul class=\"lbcamden-card-grid\">\n        \n            <li class=\"lbcamden-card-grid--link-wrapper\">\n              \n\n\n\n<div\n  class=\"lbcamden-card lbcamden-card--image-3x2\n  \n  lbcamden-card--naked\n  \n  \n  \n   lbcamden-card--image\"\n  data-module=\"lbcamden-card\">\n\n  <picture class=\"lbcamden-image__wrapper\">\n  \n\n  \n    \n    \n\n    <source\n      type=\"image/webp\"\n      srcset=\"/example-assets/images/300x200.webp 300w, /example-assets/images/600x400.webp 600w, /example-assets/images/1200x800.webp 1200w, /example-assets/images/1800x1200.webp 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n    \n    \n\n    <source\n      type=\"image/jpeg\"\n      srcset=\"/example-assets/images/300x200.jpg 300w, /example-assets/images/600x400.jpg 600w, /example-assets/images/1200x800.jpg 1200w, /example-assets/images/1800x1200.jpg 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n\n  \n\n  <img\n    class=\"lbcamden-image \"\n    src=\"/example-assets/images/300x200.jpg\"\n    alt=\"Placeholder image showing its intrinsic dimensions\"\n    \n    \n    loading=\"lazy\"\n    style=\"\"\n  />\n</picture>\n\n  <div class=\"lbcamden-card__content_wrapper\">\n\n\n<h3\n  class=\"govuk-heading-m\">\n  \n    <a href=\"#1\">\n      Starting school\n    </a>\n  \n</h3>\n\n  <div class=\"lbcamden-card__content\">\n    \n      <p>Get help and support for you and your child, apply for a new school place, find term dates and school travel.</p>\n    \n  </div>\n\n  </div>\n\n</div>\n\n            </li>\n        \n            <li class=\"lbcamden-card-grid--link-wrapper\">\n              \n\n\n\n<div\n  class=\"lbcamden-card lbcamden-card--image-3x2\n  \n  lbcamden-card--naked\n  \n  \n  \n   lbcamden-card--image\"\n  data-module=\"lbcamden-card\">\n\n  <picture class=\"lbcamden-image__wrapper\">\n  \n\n  \n    \n    \n\n    <source\n      type=\"image/webp\"\n      srcset=\"/example-assets/images/300x200.webp 300w, /example-assets/images/600x400.webp 600w, /example-assets/images/1200x800.webp 1200w, /example-assets/images/1800x1200.webp 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n    \n    \n\n    <source\n      type=\"image/jpeg\"\n      srcset=\"/example-assets/images/300x200.jpg 300w, /example-assets/images/600x400.jpg 600w, /example-assets/images/1200x800.jpg 1200w, /example-assets/images/1800x1200.jpg 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n\n  \n\n  <img\n    class=\"lbcamden-image \"\n    src=\"/example-assets/images/300x200.jpg\"\n    alt=\"Placeholder image showing its intrinsic dimensions\"\n    \n    \n    loading=\"lazy\"\n    style=\"\"\n  />\n</picture>\n\n  <div class=\"lbcamden-card__content_wrapper\">\n\n\n<h3\n  class=\"govuk-heading-m\">\n  \n    <a href=\"#2\">\n      Moving into Camden\n    </a>\n  \n</h3>\n\n  <div class=\"lbcamden-card__content\">\n    \n      <p>Check off what you need to do when you move into Camden, and what to do if you need support.</p>\n    \n  </div>\n\n  </div>\n\n</div>\n\n            </li>\n        \n            <li class=\"lbcamden-card-grid--link-wrapper\">\n              \n\n\n\n<div\n  class=\"lbcamden-card lbcamden-card--image-3x2\n  \n  lbcamden-card--naked\n  \n  \n  \n   lbcamden-card--image\"\n  data-module=\"lbcamden-card\">\n\n  <picture class=\"lbcamden-image__wrapper\">\n  \n\n  \n    \n    \n\n    <source\n      type=\"image/webp\"\n      srcset=\"/example-assets/images/300x200.webp 300w, /example-assets/images/600x400.webp 600w, /example-assets/images/1200x800.webp 1200w, /example-assets/images/1800x1200.webp 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n    \n    \n\n    <source\n      type=\"image/jpeg\"\n      srcset=\"/example-assets/images/300x200.jpg 300w, /example-assets/images/600x400.jpg 600w, /example-assets/images/1200x800.jpg 1200w, /example-assets/images/1800x1200.jpg 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n\n  \n\n  <img\n    class=\"lbcamden-image \"\n    src=\"/example-assets/images/300x200.jpg\"\n    alt=\"Placeholder image showing its intrinsic dimensions\"\n    \n    \n    loading=\"lazy\"\n    style=\"\"\n  />\n</picture>\n\n  <div class=\"lbcamden-card__content_wrapper\">\n\n\n<h3\n  class=\"govuk-heading-m\">\n  \n    <a href=\"#3\">\n      Making the most of Summer\n    </a>\n  \n</h3>\n\n  <div class=\"lbcamden-card__content\">\n    \n      <p>Find out what’s happening in Camden, host a street party, or get support over the summer holidays.</p>\n    \n  </div>\n\n  </div>\n\n</div>\n\n            </li>\n        \n            <li class=\"lbcamden-card-grid--link-wrapper\">\n              \n\n\n\n<div\n  class=\"lbcamden-card lbcamden-card--image-3x2\n  \n  lbcamden-card--naked\n  \n  \n  \n   lbcamden-card--image\"\n  data-module=\"lbcamden-card\">\n\n  <picture class=\"lbcamden-image__wrapper\">\n  \n\n  \n    \n    \n\n    <source\n      type=\"image/webp\"\n      srcset=\"/example-assets/images/300x200.webp 300w, /example-assets/images/600x400.webp 600w, /example-assets/images/1200x800.webp 1200w, /example-assets/images/1800x1200.webp 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n    \n    \n\n    <source\n      type=\"image/jpeg\"\n      srcset=\"/example-assets/images/300x200.jpg 300w, /example-assets/images/600x400.jpg 600w, /example-assets/images/1200x800.jpg 1200w, /example-assets/images/1800x1200.jpg 1800w\"\n      sizes=\"(min-width: 768px) 370px, (min-width: 641px) 50vw, 100vw\"\n    />\n  \n\n  \n\n  <img\n    class=\"lbcamden-image \"\n    src=\"/example-assets/images/300x200.jpg\"\n    alt=\"Placeholder image showing its intrinsic dimensions\"\n    \n    \n    loading=\"lazy\"\n    style=\"\"\n  />\n</picture>\n\n  <div class=\"lbcamden-card__content_wrapper\">\n\n\n<h3\n  class=\"govuk-heading-m\">\n  \n    <a href=\"#4\">\n      Starting school\n    </a>\n  \n</h3>\n\n  <div class=\"lbcamden-card__content\">\n    \n      <p>Get help and support for you and your child, apply for a new school place, find term dates and school travel.</p>\n    \n  </div>\n\n  </div>\n\n</div>\n\n            </li>\n        \n    </ul>\n</div>",
            "hidden": false
        }
    ]
}