I try to do a custom slideshow, that is the error Invalid JSON in tag 'schema'. Thank you!

{% schema %}

{

“name”: “custom slideshow”,

“tag”: “section”,

“class” “slideshow”,

“settings”: [

{

“type”: “checkbox”,

“id”: “autoplay”,

“default”: “false”,

“label”: “autoplay”

},

{

“type”: “range”,

“Id”: “interval”,

“label”: “interval”,

“max”: 9,

“min”: 5,

“step”: 1,

“unit”: “s”,

“default”: 5

}

],

“blocks”: [

{

“name” : “slide”,

“type”: “slide”,

“settings”: [

{

“type”: “image_picker”,

“Id”: “slide_image”,

“label”: “slide image”

},

{

“type”: “text”,

“Id”: “internal_video”,

“info” : “Copy sample format (link). For youtube, we need the video url. This only works with design12”,

“label”: “internal or youtube video url”

},

{

“type”: “text”,

“id”: “badge”,

“label”: “badge”

},

{

“type”: “text”,

“id”: “title”,

“label”: “title”

},

{

“type”: “text”,

“id”: “subtitle”,

“label”: “subtitle”

},

{

“type”: “text”,

“id”: “button_label”,

“label”: “button label”

},

{

“type”: “url”,

“id”: “button_link”,

“label”: “button link”

},

{

“type”: “select”,

“id”: “design”,

“default”:“design1”,

“label”: “slide design”,

“options”: [

{

“value”: “normal”,

“label”: “normal”

},

{

“value”: “design1”,

“label”: “design1”

},

{

“value”: “design2”,

“label”: “design2”

},

{

“value”: “design3”,

“label”: “design3”

},

{

“value”: “design4”,

“label”: “design4”

},

{

“value”: “design5”,

“label”: “design5”

},

{

“value”: “design6”,

“label”: “design6”

},

{

“value”: “design7”,

“label”: “design7”

},

{

“value”: “design8”,

“label”: “design8”

},

{

“value”: “design9”,

“label”: “design9”

},

{

“value”: “design10”,

“label”: “design10”

},

{

“value”: “design11”,

“label”: “design11”

},

{

“value”: “design12”,

“label”: “design12”

}

]

“type”: “select”,

“id”: “image_filter”,

“default”: “none”,

“label”: “image filter (Does not work with video)”,

“options”: [

{

“value”: “none”,

“label”: “normal”

},

{

“value”: “blur(4px)”,

“label”: “blur”

},

{

“value”: “contrast (150%)”,

“label”: “contrast”

},

{

“value”: “grayscale(90%)”,

“label”: “grayscale”

},

{

“value”: “hue-rotate(90deg)”,

“label”: “hue”

},

{

“value”: “brightness(0.4);”,

“label”: “brightness”

},

{

“value”: “invert(75%)”,

“label”: “invert”

},

{

“value”: “opacity(25%)”,

“label”: “opacity”

},

{

“value”: “saturate(30%)”,

“label”: “saturate”

},

{

“value”: “sepia(60%)”,

“label”:“sepia”

}

]

},

{

“type”: “select”,

“Id”: “description_placement”,

“default”: “place-center”,

“label”: “description placement”,

“options”: [

{

“value”: “place-center”,

“label”: “center-center”

},

{

“value”: “place-center-left”,

“label”: “center-lleft”

},

{

“value”: “place-top-right”,

“label”: “top right”

},

{

“value”: “place-top-left”,

“label”: “top left”

},

{

“value”: “place-bottom-right”,

“label”: “bottom right”

},

{

“value”: “place-bottom-left”,

“label”: “bottom left”

}

]

}

]

}

]

“presets”: [

{“name”: “custom slideshow”

}

]

}

{% endschema %}

Take a look at this line in your code and see if you can spot the problem. It’s always easy to miss these - we all do it!
(compare it to the previous line for a tip)

"class" "slideshow",

Dear Jason, thank you for reply. I changed “class” “slideshow”, to “class”: “slideshow”, and even removed it but I get the same error,