Title: AMP HTML CODE Last modified: July 5, 2025 --- # AMP HTML CODE * Resolved [xyzw1729](https://wordpress.org/support/users/xyzw1729/) * (@xyzw1729) * [10 months, 1 week ago](https://wordpress.org/support/topic/amp-html-code/) * Hey, i am implementing the custom wp story editor and thanks to good docs, i have been able to perfectly integrate the preview and all.. but now problem arises when i need to copy the amp html,.. how can i get the perfect amp code that will preserve all animations, style and other things?? Bcs currently when i copy amp html by saving the story in local storage it is not showing next an dprev button, also are not auto incrementing.. I tried copying the page structure (cmd+shift +alt+j) and pasting it in wp and then saving it and then getting amp html form php my admin, but the result is still dame. Can you help to me the perfect amp html code? Viewing 4 replies - 1 through 4 (of 4 total) * Plugin Author [Pascal Birchler](https://wordpress.org/support/users/swissspidy/) * (@swissspidy) * [10 months ago](https://wordpress.org/support/topic/amp-html-code/#post-18548911) * Hi there, * Thanks for reaching out. That’s interesting. Normally, the story editor (either in WordPress or a custom one) creates the full AMP markup upon saving that should already give you the full Web Stories experience out of the box. The WordPress plugin itself only builds on top of that existing markup by further optimizing it by using the AMP Optimizer. * But what you get upon save, in localStorage, should already be enough. I think the only thing that isn’t in that markup is the `` part and a ` ` tag. I just tested this in our [storybook](https://googleforcreators.github.io/web-stories-wp/storybook/?path=/story/playground-stories-editor--default) and [validator.amp.dev](https://validator.amp.dev) and the markup was fully valid. * So not sure what’s going on with your custom implementation. I would need some more information, like a sample of the generated code or a way to reproduce this, in order to be able to help. * Thread Starter [xyzw1729](https://wordpress.org/support/users/xyzw1729/) * (@xyzw1729) * [10 months ago](https://wordpress.org/support/topic/amp-html-code/#post-18551613) * This is my story content that i am passing: * ```wp-block-code { "current": "uuid-0x1j219yw", "selection": [], "story": { "globalStoryStyles": { "colors": [], "textStyles": [] } }, "version": 47, "pages": [ { "elements": [ { "x": 48, "y": 0, "width": 330, "height": 467, "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "mask": { "type": "rectangle" }, "isBackground": true, "type": "image", "id": "uuid-7nfpgog74", "scale": 100, "focalX": 17.722167968749996, "focalY": 50.09089889622336, "resource": { "type": "image", "mimeType": "image/jpeg", "src": "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400&h=600&fit=crop", "alt": "background image", "width": 400, "height": 600, "sizes": { "full": { "sourceUrl": "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400&h=600&fit=crop", "mimeType": "image/jpeg", "width": 400, "height": 600 } } }, "overlay": { "type": "radial", "size": { "w": 0.67, "h": 0.67 }, "stops": [ { "color": { "r": 0, "g": 0, "b": 0, "a": 0 }, "position": 0 }, { "color": { "r": 0, "g": 0, "b": 0, "a": 1 }, "position": 1 } ], "alpha": 0.4 } }, { "x": 29, "y": 421, "width": 355, "height": 64, "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundTextMode": "NONE", "font": { "family": "Gelasio", "fallbacks": [ "serif" ], "weights": [ 400, 500, 600, 700 ], "styles": [ "regular", "italic" ], "variants": [ [ 0, 400 ], [ 0, 500 ], [ 0, 600 ], [ 0, 700 ], [ 1, 400 ], [ 1, 500 ], [ 1, 600 ], [ 1, 700 ] ], "service": "fonts.google.com", "metrics": { "upm": 2048, "asc": 1900, "des": -700 } }, "backgroundColor": { "color": { "r": 0, "g": 0, "b": 0, "a": 0.3 } }, "lineHeight": 0.88, "textAlign": "center", "type": "text", "id": "uuid-1gc3vng0l", "content": "Beyond the Boundary: The Funniest, Fiercest, and Most Fabulous Zimbabwe Cricket Players!", "fontSize": 30, "padding": { "hasHiddenPadding": false, "horizontal": 0, "vertical": 0 } }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "scale": 100, "focalX": 50, "focalY": 50, "resource": { "type": "image", "mimeType": "image/jpeg", "src": "https://images.unsplash.com/photo-1611224923853-80b023f02d71?w=80&h=80&fit=crop", "alt": "publisher logo", "width": 80, "height": 80, "sizes": { "full": { "sourceUrl": "https://images.unsplash.com/photo-1611224923853-80b023f02d71?w=80&h=80&fit=crop", "mimeType": "image/jpeg", "width": 80, "height": 80 } } }, "x": 21, "y": -28, "width": 79, "height": 79, "type": "image", "mask": { "type": "rectangle" }, "id": "uuid-gfuyzurur" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundTextMode": "NONE", "font": { "family": "BioRhyme", "fallbacks": [ "serif" ], "weights": [ 200, 300, 400, 500, 600, 700, 800 ], "styles": [ "regular" ], "variants": [ [ 0, 200 ], [ 0, 300 ], [ 0, 400 ], [ 0, 500 ], [ 0, 600 ], [ 0, 700 ], [ 0, 800 ] ], "service": "fonts.google.com" }, "fontSize": 22, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "lineHeight": 1.2, "textAlign": "left", "padding": { "locked": true, "hasHiddenPadding": false, "horizontal": 0, "vertical": 0 }, "content": "By Stumped Storyteller Sam", "x": 106, "y": 582, "width": 208, "borderRadius": { "locked": true, "topLeft": 2, "topRight": 2, "bottomRight": 2, "bottomLeft": 2 }, "type": "text", "height": 34, "id": "uuid-um8ji2lhd" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundTextMode": "NONE", "font": { "family": "BioRhyme", "fallbacks": [ "serif" ], "weights": [ 200, 300, 400, 500, 600, 700, 800 ], "styles": [ "regular" ], "variants": [ [ 0, 200 ], [ 0, 300 ], [ 0, 400 ], [ 0, 500 ], [ 0, 600 ], [ 0, 700 ], [ 0, 800 ] ], "service": "fonts.google.com" }, "fontSize": 22, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "lineHeight": 1.2, "textAlign": "left", "padding": { "locked": true, "hasHiddenPadding": false, "horizontal": 0, "vertical": 0 }, "content": "July 11, 2025", "x": 106, "y": 384, "width": 208, "borderRadius": { "locked": true, "topLeft": 2, "topRight": 2, "bottomRight": 2, "bottomLeft": 2 }, "height": 26, "id": "uuid-9c2t8pdhr", "type": "text" } ], "animations": [], "type": "page", "id": "uuid-ved4xk3e9", "backgroundColor": { "color": { "r": 58, "g": 86, "b": 110 } }, "pageTemplateType": "cover" }, { "elements": [ { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "scale": 100, "focalX": 17.722167968749996, "focalY": 50, "resource": { "type": "image", "mimeType": "image/jpeg", "src": "https://images.unsplash.com/photo-1574375927938-d5a98e8ffe85?w=400&h=300&fit=crop", "alt": "content background image", "width": 200, "height": 300, "sizes": { "full": { "sourceUrl": "https://images.unsplash.com/photo-1574375927938-d5a98e8ffe85?w=400&h=300&fit=crop", "mimeType": "image/jpeg", "width": 200, "height": 300 } } }, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "x": 48, "y": 0, "width": 330, "height": 247, "mask": { "type": "rectangle" }, "isBackground": true, "id": "uuid-3xtowxngb", "overlay": { "type": "radial", "size": { "w": 0.67, "h": 0.67 }, "stops": [ { "color": { "r": 0, "g": 0, "b": 0, "a": 0 }, "position": 0.4 }, { "color": { "r": 0, "g": 0, "b": 0, "a": 1 }, "position": 1 } ], "alpha": 0.5 }, "type": "image" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": false, "backgroundColor": { "color": { "r": 0, "g": 0, "b": 0, "a": 0.75 } }, "width": 380, "height": 153, "x": 16, "y": 444, "mask": { "type": "rectangle" }, "id": "uuid-z49jcxt64", "borderRadius": { "locked": true, "topLeft": 28, "topRight": 28, "bottomRight": 28, "bottomLeft": 28 }, "border": { "locked": true, "color": { "color": { "r": 224, "g": 110, "b": 4 } }, "left": 3, "right": 3, "top": 0, "bottom": 0, "lockedWidth": false }, "type": "shape" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundTextMode": "NONE", "font": { "family": "Merriweather", "fallbacks": [ "serif" ], "weights": [ 300, 400, 500, 600, 700, 800, 900 ], "styles": [ "regular", "italic" ], "variants": [ [ 0, 300 ], [ 0, 400 ], [ 0, 500 ], [ 0, 600 ], [ 0, 700 ], [ 0, 800 ], [ 0, 900 ], [ 1, 300 ], [ 1, 400 ], [ 1, 500 ], [ 1, 600 ], [ 1, 700 ], [ 1, 800 ], [ 1, 900 ] ], "service": "fonts.google.com" }, "fontSize": 14, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "lineHeight": 1.2, "textAlign": "left", "padding": { "locked": true, "hasHiddenPadding": false, "horizontal": 0, "vertical": 0 }, "content": "Zimbabwean cricket has faced tough times, but guess what? It's always given us players with huge hearts! They play with incredible flair and make the game exciting. Get ready to meet some real legends who made us cheer like crazy!", "x": 34, "y": 489, "width": 345, "borderRadius": { "locked": true, "topLeft": 2, "topRight": 2, "bottomRight": 2, "bottomLeft": 2 }, "height": 88, "id": "uuid-s6pfnsv00", "type": "text" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundTextMode": "NONE", "font": { "family": "Alegreya", "fallbacks": [ "serif" ], "weights": [ 400, 500, 600, 700, 800, 900 ], "styles": [ "regular", "italic" ], "variants": [ [ 0, 400 ], [ 0, 500 ], [ 0, 600 ], [ 0, 700 ], [ 0, 800 ], [ 0, 900 ], [ 1, 400 ], [ 1, 500 ], [ 1, 600 ], [ 1, 700 ], [ 1, 800 ], [ 1, 900 ] ], "service": "fonts.google.com" }, "fontSize": 26, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "lineHeight": 1.2, "textAlign": "center", "padding": { "locked": true, "hasHiddenPadding": false, "horizontal": 0, "vertical": 0 }, "content": "1. Heart & Flair!", "x": 48, "y": 454, "width": 315, "borderRadius": { "locked": true, "topLeft": 2, "topRight": 2, "bottomRight": 2, "bottomLeft": 2 }, "type": "text", "height": 35, "id": "uuid-12bov253n", "tagName": "p" } ], "backgroundColor": { "color": { "r": 255, "g": 255, "b": 255 } }, "animations": [ { "id": "ebe47744-8566-4e19-a3a3-5a552c2ee63b", "type": "effect-background-zoom", "zoomDirection": "scaleOut", "duration": 2000, "delay": 0, "targets": [ "uuid-3xtowxngb" ] }, { "id": "4e895228-a644-4d35-b1ea-e146db444302", "type": "effect-fly-in", "flyInDir": "bottomToTop", "duration": 2000, "delay": 0, "targets": [ "uuid-z49jcxt64" ] }, { "id": "7754521e-0a4e-4469-96ff-949e409c35a1", "type": "effect-fly-in", "flyInDir": "leftToRight", "duration": 1900, "delay": 0, "targets": [ "uuid-s6pfnsv00" ] }, { "id": "64dba00f-4dbb-4b99-8025-acb14e4750e8", "type": "effect-fly-in", "flyInDir": "leftToRight", "duration": 1900, "delay": 0, "targets": [ "uuid-12bov253n" ] } ], "id": "uuid-cky119c6u", "pageTemplateType": "content" }, { "elements": [ { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "scale": 100, "focalX": 17.722167968749996, "focalY": 50, "resource": { "type": "image", "mimeType": "image/jpeg", "src": "https://images.unsplash.com/photo-1574375927938-d5a98e8ffe85?w=400&h=300&fit=crop", "alt": "content background image", "width": 200, "height": 300, "sizes": { "full": { "sourceUrl": "https://images.unsplash.com/photo-1574375927938-d5a98e8ffe85?w=400&h=300&fit=crop", "mimeType": "image/jpeg", "width": 200, "height": 300 } } }, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "x": 48, "y": 0, "width": 330, "height": 247, "mask": { "type": "rectangle" }, "isBackground": true, "id": "uuid-tgykeci5g", "overlay": { "type": "radial", "size": { "w": 0.67, "h": 0.67 }, "stops": [ { "color": { "r": 0, "g": 0, "b": 0, "a": 0 }, "position": 0.4 }, { "color": { "r": 0, "g": 0, "b": 0, "a": 1 }, "position": 1 } ], "alpha": 0.5 }, "type": "image" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": false, "backgroundColor": { "color": { "r": 0, "g": 0, "b": 0, "a": 0.75 } }, "width": 380, "height": 153, "x": 16, "y": 444, "mask": { "type": "rectangle" }, "id": "uuid-mh0feuovx", "borderRadius": { "locked": true, "topLeft": 28, "topRight": 28, "bottomRight": 28, "bottomLeft": 28 }, "border": { "locked": true, "color": { "color": { "r": 224, "g": 110, "b": 4 } }, "left": 3, "right": 3, "top": 0, "bottom": 0, "lockedWidth": false }, "type": "shape" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundTextMode": "NONE", "font": { "family": "Merriweather", "fallbacks": [ "serif" ], "weights": [ 300, 400, 500, 600, 700, 800, 900 ], "styles": [ "regular", "italic" ], "variants": [ [ 0, 300 ], [ 0, 400 ], [ 0, 500 ], [ 0, 600 ], [ 0, 700 ], [ 0, 800 ], [ 0, 900 ], [ 1, 300 ], [ 1, 400 ], [ 1, 500 ], [ 1, 600 ], [ 1, 700 ], [ 1, 800 ], [ 1, 900 ] ], "service": "fonts.google.com" }, "fontSize": 14, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "lineHeight": 1.2, "textAlign": "left", "padding": { "locked": true, "hasHiddenPadding": false, "horizontal": 0, "vertical": 0 }, "content": "Remember Brendan Taylor? He was an explosive wicketkeeper-batsman, a true game-changer! His fearless hitting was amazing. Those back-to-back hundreds in the 2015 World Cup? Pure fireworks! He showed us that anything is truly possible on the field. What a star!", "x": 34, "y": 489, "width": 345, "borderRadius": { "locked": true, "topLeft": 2, "topRight": 2, "bottomRight": 2, "bottomLeft": 2 }, "height": 88, "id": "uuid-3zrt0qh7j", "type": "text" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundTextMode": "NONE", "font": { "family": "Alegreya", "fallbacks": [ "serif" ], "weights": [ 400, 500, 600, 700, 800, 900 ], "styles": [ "regular", "italic" ], "variants": [ [ 0, 400 ], [ 0, 500 ], [ 0, 600 ], [ 0, 700 ], [ 0, 800 ], [ 0, 900 ], [ 1, 400 ], [ 1, 500 ], [ 1, 600 ], [ 1, 700 ], [ 1, 800 ], [ 1, 900 ] ], "service": "fonts.google.com" }, "fontSize": 26, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "lineHeight": 1.2, "textAlign": "center", "padding": { "locked": true, "hasHiddenPadding": false, "horizontal": 0, "vertical": 0 }, "content": "2. The Explosive Scorer!", "x": 48, "y": 454, "width": 315, "borderRadius": { "locked": true, "topLeft": 2, "topRight": 2, "bottomRight": 2, "bottomLeft": 2 }, "type": "text", "height": 35, "id": "uuid-4rwqetb6s", "tagName": "p" } ], "backgroundColor": { "color": { "r": 255, "g": 255, "b": 255 } }, "animations": [ { "id": "eebdb6ad-b722-4cfd-a6ae-a51553914adf", "type": "effect-background-zoom", "zoomDirection": "scaleOut", "duration": 2000, "delay": 0, "targets": [ "uuid-tgykeci5g" ] }, { "id": "0bd4a80e-b564-4e8c-8198-6235b0a04767", "type": "effect-fly-in", "flyInDir": "leftToRight", "duration": 1900, "delay": 0, "targets": [ "uuid-4rwqetb6s" ] }, { "id": "d67bd043-ce71-41af-92dc-f3fd6a725408", "type": "effect-fly-in", "flyInDir": "leftToRight", "duration": 1900, "delay": 0, "targets": [ "uuid-3zrt0qh7j" ] }, { "id": "59bc859f-eaf0-450f-837c-3fb8a19b6843", "type": "effect-fly-in", "flyInDir": "bottomToTop", "duration": 2000, "delay": 0, "targets": [ "uuid-mh0feuovx" ] } ], "id": "uuid-0x1j219yw", "pageTemplateType": "content" }, { "elements": [ { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "scale": 100, "focalX": 17.722167968749996, "focalY": 50, "resource": { "type": "image", "mimeType": "image/jpeg", "src": "https://images.unsplash.com/photo-1574375927938-d5a98e8ffe85?w=400&h=300&fit=crop", "alt": "content background image", "width": 200, "height": 300, "sizes": { "full": { "sourceUrl": "https://images.unsplash.com/photo-1574375927938-d5a98e8ffe85?w=400&h=300&fit=crop", "mimeType": "image/jpeg", "width": 200, "height": 300 } } }, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "x": 48, "y": 0, "width": 330, "height": 247, "mask": { "type": "rectangle" }, "isBackground": true, "id": "uuid-gv6928oy7", "overlay": { "type": "radial", "size": { "w": 0.67, "h": 0.67 }, "stops": [ { "color": { "r": 0, "g": 0, "b": 0, "a": 0 }, "position": 0.4 }, { "color": { "r": 0, "g": 0, "b": 0, "a": 1 }, "position": 1 } ], "alpha": 0.5 }, "type": "image" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": false, "backgroundColor": { "color": { "r": 0, "g": 0, "b": 0, "a": 0.75 } }, "width": 380, "height": 153, "x": 16, "y": 444, "mask": { "type": "rectangle" }, "id": "uuid-lkfdj853x", "borderRadius": { "locked": true, "topLeft": 28, "topRight": 28, "bottomRight": 28, "bottomLeft": 28 }, "border": { "locked": true, "color": { "color": { "r": 224, "g": 110, "b": 4 } }, "left": 3, "right": 3, "top": 0, "bottom": 0, "lockedWidth": false }, "type": "shape" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundTextMode": "NONE", "font": { "family": "Merriweather", "fallbacks": [ "serif" ], "weights": [ 300, 400, 500, 600, 700, 800, 900 ], "styles": [ "regular", "italic" ], "variants": [ [ 0, 300 ], [ 0, 400 ], [ 0, 500 ], [ 0, 600 ], [ 0, 700 ], [ 0, 800 ], [ 0, 900 ], [ 1, 300 ], [ 1, 400 ], [ 1, 500 ], [ 1, 600 ], [ 1, 700 ], [ 1, 800 ], [ 1, 900 ] ], "service": "fonts.google.com" }, "fontSize": 14, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "lineHeight": 1.2, "textAlign": "left", "padding": { "locked": true, "hasHiddenPadding": false, "horizontal": 0, "vertical": 0 }, "content": "Meet Grant Flower, the super elegant left-handed batsman! He was a rock for Zimbabwe, part of that famous Flower brothers team. His stylish moves and perfect technique were pure joy to watch. He held records for ages. And get this: he even scored a hundred against India as an opener!", "x": 34, "y": 489, "width": 345, "borderRadius": { "locked": true, "topLeft": 2, "topRight": 2, "bottomRight": 2, "bottomLeft": 2 }, "height": 88, "id": "uuid-i24vt3mgx", "type": "text" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundTextMode": "NONE", "font": { "family": "Alegreya", "fallbacks": [ "serif" ], "weights": [ 400, 500, 600, 700, 800, 900 ], "styles": [ "regular", "italic" ], "variants": [ [ 0, 400 ], [ 0, 500 ], [ 0, 600 ], [ 0, 700 ], [ 0, 800 ], [ 0, 900 ], [ 1, 400 ], [ 1, 500 ], [ 1, 600 ], [ 1, 700 ], [ 1, 800 ], [ 1, 900 ] ], "service": "fonts.google.com" }, "fontSize": 26, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "lineHeight": 1.2, "textAlign": "center", "padding": { "locked": true, "hasHiddenPadding": false, "horizontal": 0, "vertical": 0 }, "content": "3. Elegant Grant!", "x": 48, "y": 454, "width": 315, "borderRadius": { "locked": true, "topLeft": 2, "topRight": 2, "bottomRight": 2, "bottomLeft": 2 }, "type": "text", "height": 35, "id": "uuid-g55xsfffc", "tagName": "p" } ], "backgroundColor": { "color": { "r": 255, "g": 255, "b": 255 } }, "animations": [], "id": "uuid-w3vykb399", "pageTemplateType": "content" }, { "elements": [ { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "scale": 100, "focalX": 17.722167968749996, "focalY": 50, "resource": { "type": "image", "mimeType": "image/jpeg", "src": "https://images.unsplash.com/photo-1574375927938-d5a98e8ffe85?w=400&h=300&fit=crop", "alt": "content background image", "width": 200, "height": 300, "sizes": { "full": { "sourceUrl": "https://images.unsplash.com/photo-1574375927938-d5a98e8ffe85?w=400&h=300&fit=crop", "mimeType": "image/jpeg", "width": 200, "height": 300 } } }, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "x": 48, "y": 0, "width": 330, "height": 247, "mask": { "type": "rectangle" }, "isBackground": true, "id": "uuid-wwunxfjxc", "overlay": { "type": "radial", "size": { "w": 0.67, "h": 0.67 }, "stops": [ { "color": { "r": 0, "g": 0, "b": 0, "a": 0 }, "position": 0.4 }, { "color": { "r": 0, "g": 0, "b": 0, "a": 1 }, "position": 1 } ], "alpha": 0.5 }, "type": "image" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": false, "backgroundColor": { "color": { "r": 0, "g": 0, "b": 0, "a": 0.75 } }, "width": 380, "height": 153, "x": 16, "y": 444, "mask": { "type": "rectangle" }, "id": "uuid-5p5n0gw2v", "borderRadius": { "locked": true, "topLeft": 28, "topRight": 28, "bottomRight": 28, "bottomLeft": 28 }, "border": { "locked": true, "color": { "color": { "r": 224, "g": 110, "b": 4 } }, "left": 3, "right": 3, "top": 0, "bottom": 0, "lockedWidth": false }, "type": "shape" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundTextMode": "NONE", "font": { "family": "Merriweather", "fallbacks": [ "serif" ], "weights": [ 300, 400, 500, 600, 700, 800, 900 ], "styles": [ "regular", "italic" ], "variants": [ [ 0, 300 ], [ 0, 400 ], [ 0, 500 ], [ 0, 600 ], [ 0, 700 ], [ 0, 800 ], [ 0, 900 ], [ 1, 300 ], [ 1, 400 ], [ 1, 500 ], [ 1, 600 ], [ 1, 700 ], [ 1, 800 ], [ 1, 900 ] ], "service": "fonts.google.com" }, "fontSize": 14, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "lineHeight": 1.2, "textAlign": "left", "padding": { "locked": true, "hasHiddenPadding": false, "horizontal": 0, "vertical": 0 }, "content": "Next up is Tatenda Taibu, our pint-sized dynamo! He was the youngest Test captain ever. Don't let his size fool you; he was a livewire behind the stumps and a brave batsman. His energy and passion were contagious. He even played for Lancashire! What an inspiring player!", "x": 34, "y": 489, "width": 345, "borderRadius": { "locked": true, "topLeft": 2, "topRight": 2, "bottomRight": 2, "bottomLeft": 2 }, "height": 88, "id": "uuid-n7uknyk14", "type": "text" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundTextMode": "NONE", "font": { "family": "Alegreya", "fallbacks": [ "serif" ], "weights": [ 400, 500, 600, 700, 800, 900 ], "styles": [ "regular", "italic" ], "variants": [ [ 0, 400 ], [ 0, 500 ], [ 0, 600 ], [ 0, 700 ], [ 0, 800 ], [ 0, 900 ], [ 1, 400 ], [ 1, 500 ], [ 1, 600 ], [ 1, 700 ], [ 1, 800 ], [ 1, 900 ] ], "service": "fonts.google.com" }, "fontSize": 26, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "lineHeight": 1.2, "textAlign": "center", "padding": { "locked": true, "hasHiddenPadding": false, "horizontal": 0, "vertical": 0 }, "content": "4. Small Guy, Big Heart!", "x": 48, "y": 454, "width": 315, "borderRadius": { "locked": true, "topLeft": 2, "topRight": 2, "bottomRight": 2, "bottomLeft": 2 }, "type": "text", "height": 35, "id": "uuid-0v6wwivor", "tagName": "p" } ], "backgroundColor": { "color": { "r": 255, "g": 255, "b": 255 } }, "animations": [], "id": "uuid-e5ddohsgo", "pageTemplateType": "content" }, { "elements": [ { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "scale": 100, "focalX": 17.722167968749996, "focalY": 50, "resource": { "type": "image", "mimeType": "image/jpeg", "src": "https://images.unsplash.com/photo-1574375927938-d5a98e8ffe85?w=400&h=300&fit=crop", "alt": "content background image", "width": 200, "height": 300, "sizes": { "full": { "sourceUrl": "https://images.unsplash.com/photo-1574375927938-d5a98e8ffe85?w=400&h=300&fit=crop", "mimeType": "image/jpeg", "width": 200, "height": 300 } } }, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "x": 48, "y": 0, "width": 330, "height": 247, "mask": { "type": "rectangle" }, "isBackground": true, "id": "uuid-sx1n6eluf", "overlay": { "type": "radial", "size": { "w": 0.67, "h": 0.67 }, "stops": [ { "color": { "r": 0, "g": 0, "b": 0, "a": 0 }, "position": 0.4 }, { "color": { "r": 0, "g": 0, "b": 0, "a": 1 }, "position": 1 } ], "alpha": 0.5 }, "type": "image" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": false, "backgroundColor": { "color": { "r": 0, "g": 0, "b": 0, "a": 0.75 } }, "width": 380, "height": 153, "x": 16, "y": 444, "mask": { "type": "rectangle" }, "id": "uuid-bgxzsvafc", "borderRadius": { "locked": true, "topLeft": 28, "topRight": 28, "bottomRight": 28, "bottomLeft": 28 }, "border": { "locked": true, "color": { "color": { "r": 224, "g": 110, "b": 4 } }, "left": 3, "right": 3, "top": 0, "bottom": 0, "lockedWidth": false }, "type": "shape" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundTextMode": "NONE", "font": { "family": "Merriweather", "fallbacks": [ "serif" ], "weights": [ 300, 400, 500, 600, 700, 800, 900 ], "styles": [ "regular", "italic" ], "variants": [ [ 0, 300 ], [ 0, 400 ], [ 0, 500 ], [ 0, 600 ], [ 0, 700 ], [ 0, 800 ], [ 0, 900 ], [ 1, 300 ], [ 1, 400 ], [ 1, 500 ], [ 1, 600 ], [ 1, 700 ], [ 1, 800 ], [ 1, 900 ] ], "service": "fonts.google.com" }, "fontSize": 14, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "lineHeight": 1.2, "textAlign": "left", "padding": { "locked": true, "hasHiddenPadding": false, "horizontal": 0, "vertical": 0 }, "content": "Ever faced a wily spinner? Ray Price was just that! His left-arm spins, with their tricky action, fooled so many batsmen. He was a late starter but became super important for Zimbabwe. He frustrated top players with his clever variations and spot-on accuracy. What a magician!", "x": 34, "y": 489, "width": 345, "borderRadius": { "locked": true, "topLeft": 2, "topRight": 2, "bottomRight": 2, "bottomLeft": 2 }, "height": 88, "id": "uuid-qf9oxf63f", "type": "text" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundTextMode": "NONE", "font": { "family": "Alegreya", "fallbacks": [ "serif" ], "weights": [ 400, 500, 600, 700, 800, 900 ], "styles": [ "regular", "italic" ], "variants": [ [ 0, 400 ], [ 0, 500 ], [ 0, 600 ], [ 0, 700 ], [ 0, 800 ], [ 0, 900 ], [ 1, 400 ], [ 1, 500 ], [ 1, 600 ], [ 1, 700 ], [ 1, 800 ], [ 1, 900 ] ], "service": "fonts.google.com" }, "fontSize": 26, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "lineHeight": 1.2, "textAlign": "center", "padding": { "locked": true, "hasHiddenPadding": false, "horizontal": 0, "vertical": 0 }, "content": "5. Wily Spinner!", "x": 48, "y": 454, "width": 315, "borderRadius": { "locked": true, "topLeft": 2, "topRight": 2, "bottomRight": 2, "bottomLeft": 2 }, "type": "text", "height": 35, "id": "uuid-9e0rfdatj", "tagName": "p" } ], "backgroundColor": { "color": { "r": 255, "g": 255, "b": 255 } }, "animations": [], "id": "uuid-fk5jkiylq", "pageTemplateType": "content" }, { "elements": [ { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "scale": 100, "focalX": 17.722167968749996, "focalY": 50, "resource": { "type": "image", "mimeType": "image/jpeg", "src": "https://images.unsplash.com/photo-1574375927938-d5a98e8ffe85?w=400&h=300&fit=crop", "alt": "content background image", "width": 200, "height": 300, "sizes": { "full": { "sourceUrl": "https://images.unsplash.com/photo-1574375927938-d5a98e8ffe85?w=400&h=300&fit=crop", "mimeType": "image/jpeg", "width": 200, "height": 300 } } }, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "x": 48, "y": 0, "width": 330, "height": 247, "mask": { "type": "rectangle" }, "isBackground": true, "id": "uuid-hr936mtcm", "overlay": { "type": "radial", "size": { "w": 0.67, "h": 0.67 }, "stops": [ { "color": { "r": 0, "g": 0, "b": 0, "a": 0 }, "position": 0.4 }, { "color": { "r": 0, "g": 0, "b": 0, "a": 1 }, "position": 1 } ], "alpha": 0.5 }, "type": "image" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": false, "backgroundColor": { "color": { "r": 0, "g": 0, "b": 0, "a": 0.75 } }, "width": 380, "height": 153, "x": 16, "y": 444, "mask": { "type": "rectangle" }, "id": "uuid-eqqj6j4kz", "borderRadius": { "locked": true, "topLeft": 28, "topRight": 28, "bottomRight": 28, "bottomLeft": 28 }, "border": { "locked": true, "color": { "color": { "r": 224, "g": 110, "b": 4 } }, "left": 3, "right": 3, "top": 0, "bottom": 0, "lockedWidth": false }, "type": "shape" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundTextMode": "NONE", "font": { "family": "Merriweather", "fallbacks": [ "serif" ], "weights": [ 300, 400, 500, 600, 700, 800, 900 ], "styles": [ "regular", "italic" ], "variants": [ [ 0, 300 ], [ 0, 400 ], [ 0, 500 ], [ 0, 600 ], [ 0, 700 ], [ 0, 800 ], [ 0, 900 ], [ 1, 300 ], [ 1, 400 ], [ 1, 500 ], [ 1, 600 ], [ 1, 700 ], [ 1, 800 ], [ 1, 900 ] ], "service": "fonts.google.com" }, "fontSize": 14, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "lineHeight": 1.2, "textAlign": "left", "padding": { "locked": true, "hasHiddenPadding": false, "horizontal": 0, "vertical": 0 }, "content": "So, there you have it! Just a few of the absolute superstars from Zimbabwe who made us cheer our hearts out. Their passion, skill, and sheer grit gave us so many unforgettable moments. They truly are legends who will always be remembered for lighting up the cricket pitch. Keep cheering!", "x": 34, "y": 489, "width": 345, "borderRadius": { "locked": true, "topLeft": 2, "topRight": 2, "bottomRight": 2, "bottomLeft": 2 }, "height": 88, "id": "uuid-426zwkeau", "type": "text" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundTextMode": "NONE", "font": { "family": "Alegreya", "fallbacks": [ "serif" ], "weights": [ 400, 500, 600, 700, 800, 900 ], "styles": [ "regular", "italic" ], "variants": [ [ 0, 400 ], [ 0, 500 ], [ 0, 600 ], [ 0, 700 ], [ 0, 800 ], [ 0, 900 ], [ 1, 400 ], [ 1, 500 ], [ 1, 600 ], [ 1, 700 ], [ 1, 800 ], [ 1, 900 ] ], "service": "fonts.google.com" }, "fontSize": 26, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "lineHeight": 1.2, "textAlign": "center", "padding": { "locked": true, "hasHiddenPadding": false, "horizontal": 0, "vertical": 0 }, "content": "6. Our Cheering Superstars!", "x": 48, "y": 454, "width": 315, "borderRadius": { "locked": true, "topLeft": 2, "topRight": 2, "bottomRight": 2, "bottomLeft": 2 }, "type": "text", "height": 35, "id": "uuid-xv5rl1ziy", "tagName": "p" } ], "backgroundColor": { "color": { "r": 255, "g": 255, "b": 255 } }, "animations": [], "id": "uuid-wd0hyhnax", "pageTemplateType": "content" } ]} ``` * This is the html: * ```wp-block-code Beyond the Boundary: The Funniest, Fiercest, and Most Fabulous Zimbabwe Cricket Players!

Beyond the Boundary: The Funniest, Fiercest, and Most Fabulous Zimbabwe Cricket Players!

By Stumped Storyteller Sam

July 11, 2025

Zimbabwean cricket has faced tough times, but guess what? It's always given us players with huge hearts! They play with incredible flair and make the game exciting. Get ready to meet some real legends who made us cheer like crazy!

1. Heart & Flair!

Remember Brendan Taylor? He was an explosive wicketkeeper-batsman, a true game-changer! His fearless hitting was amazing. Those back-to-back hundreds in the 2015 World Cup? Pure fireworks! He showed us that anything is truly possible on the field. What a star!

2. The Explosive Scorer!

Meet Grant Flower, the super elegant left-handed batsman! He was a rock for Zimbabwe, part of that famous Flower brothers team. His stylish moves and perfect technique were pure joy to watch. He held records for ages. And get this: he even scored a hundred against India as an opener!

3. Elegant Grant!

Next up is Tatenda Taibu, our pint-sized dynamo! He was the youngest Test captain ever. Don't let his size fool you; he was a livewire behind the stumps and a brave batsman. His energy and passion were contagious. He even played for Lancashire! What an inspiring player!

4. Small Guy, Big Heart!

Ever faced a wily spinner? Ray Price was just that! His left-arm spins, with their tricky action, fooled so many batsmen. He was a late starter but became super important for Zimbabwe. He frustrated top players with his clever variations and spot-on accuracy. What a magician!

5. Wily Spinner!

So, there you have it! Just a few of the absolute superstars from Zimbabwe who made us cheer our hearts out. Their passion, skill, and sheer grit gave us so many unforgettable moments. They truly are legends who will always be remembered for lighting up the cricket pitch. Keep cheering!

6. Our Cheering Superstars!

 ``` * Can you please help me?? If i try without animations, then the amp html is working perfectly with navigations and all, but when i try to generate a story content with animations and then pass it to the story editor and get the amp html, it is not having proper navigations. But if i saw the same story in preview or publish it, it will be working fine, but when i just use raw amp html and try to run it in nextjs via api routes, it have broken navigations.. I think the animations are the issue and i am making some mistake * Thread Starter [xyzw1729](https://wordpress.org/support/users/xyzw1729/) * (@xyzw1729) * [10 months ago](https://wordpress.org/support/topic/amp-html-code/#post-18552118) *  Got this while debugging with ai * >  There might be a bug in the plugin specifically related to how it generates > the markup for the effect-background-zoom animation or how it applies animations > to elements marked as backgrounds (“isBackground”: true). This type of animation > has specific requirements in AMP, and a small error in the generated code could > invalidate the entire page. * And when i removed the animations from the background Image it is working fine. Here is the code with bg image animations: * ```wp-block-code { "current": "14d7a290-8a24-4373-8ea7-23bce5ba2707", "selection": [], "story": { "globalStoryStyles": { "colors": [], "textStyles": [] } }, "version": 47, "pages": [ { "elements": [ { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "x": 50, "y": 273, "width": 313, "height": 470, "mask": { "type": "rectangle" }, "isBackground": true, "type": "image", "id": "47febbaf-0635-4d28-b60b-004e43636c33", "scale": 100, "focalX": 50, "focalY": 50, "resource": { "type": "image", "mimeType": "image/jpeg", "width": 4000, "height": 6000, "sizes": { "full": { "file": "media/unsplash:qn_XJUBgPo0", "sourceUrl": "https://images.unsplash.com/photo-1752091948423-f75b57fdae4a?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=4000&h=6000&fit=max", "mimeType": "image/jpeg", "width": 4000, "height": 6000 }, "large": { "file": "media/unsplash:qn_XJUBgPo0", "sourceUrl": "https://images.unsplash.com/photo-1752091948423-f75b57fdae4a?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=3200&h=4800&fit=max", "mimeType": "image/jpeg", "width": 3200, "height": 4800 }, "2400_3600": { "file": "media/unsplash:qn_XJUBgPo0", "sourceUrl": "https://images.unsplash.com/photo-1752091948423-f75b57fdae4a?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=2400&h=3600&fit=max", "mimeType": "image/jpeg", "width": 2400, "height": 3600 }, "1600_2400": { "file": "media/unsplash:qn_XJUBgPo0", "sourceUrl": "https://images.unsplash.com/photo-1752091948423-f75b57fdae4a?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=1600&h=2400&fit=max", "mimeType": "image/jpeg", "width": 1600, "height": 2400 }, "800_1200": { "file": "media/unsplash:qn_XJUBgPo0", "sourceUrl": "https://images.unsplash.com/photo-1752091948423-f75b57fdae4a?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=800&h=1200&fit=max", "mimeType": "image/jpeg", "width": 800, "height": 1200 }, "web_stories_thumbnail": { "file": "media/unsplash:qn_XJUBgPo0", "sourceUrl": "https://images.unsplash.com/photo-1752091948423-f75b57fdae4a?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=340&h=510&fit=max", "mimeType": "image/jpeg", "width": 340, "height": 510 } }, "isPlaceholder": false, "isExternal": true, "needsProxy": false, "id": "media/unsplash:qn_XJUBgPo0", "baseColor": "#f3f3f3", "blurHash": "L-Irc.ozIos:_4ogV[of%Noes:WV", "creationDate": "2025-07-09T20:22:50Z", "src": "https://images.unsplash.com/photo-1752091948423-f75b57fdae4a?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=4000&h=6000&fit=max", "alt": "A cow grazes in a grassy mountain meadow.", "attribution": { "author": { "displayName": "Milosz Roman", "url": "https://unsplash.com/@mivosh?utm_source=web_stories_wordpress&utm_medium=referral" }, "registerUsageUrl": "https://media3p.googleapis.com/v1/media:registerUsage?token=AU3aCBRaSyAakRvTQfAxI6cEj4TGq6daPwbbNrZSaZ3rcEoVpIq16%2BRDSE6lF7D4NXRIhphmhRv6PmpNdKQI6pHtLs3KW%2BKYAqc0kXXXqniSpBG8Ty93rj3HjTixvwjrC27WdYSO5UHc2Rpt3SC/%2BfaHu3n6ZhzhygYzouojXM3gRs3Vsm7%2BkREVp1Q/IjfPfmFrF8rSQt86OmT2WCSq2uChzDlkqdoqoMqnwzRPUCo5lWY%3D" } } } ], "backgroundColor": { "color": { "r": 255, "g": 255, "b": 255 } }, "id": "f8de6bc9-465a-4fe7-8751-a155b31d00ad", "defaultBackgroundElement": { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "x": 1, "y": 1, "width": 1, "height": 1, "mask": { "type": "rectangle" }, "isBackground": true, "isDefaultBackground": true, "type": "shape", "id": "3a79a25d-851b-447d-b7f8-ccacbd4fc618" }, "animations": [] }, { "elements": [ { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "scale": 140, "focalX": 73.25925470564026, "focalY": 58.0575453206811, "resource": { "type": "image", "mimeType": "image/jpeg", "baseColor": "#484543", "src": "https://wp.stories.google/static/21/images/templates/sleep/page7_bg.jpg", "width": 220, "height": 293, "posterId": 0, "id": 0, "alt": "page7_bg", "sizes": {}, "isExternal": true }, "x": 70, "y": 2, "width": 206, "height": 274, "mask": { "type": "rectangle", "name": "Rectangle", "path": "M 0,0 1,0 1,1 0,1 0,0 Z", "ratio": 1 }, "id": "8f381241-0285-4bfe-86bf-c8e712114659", "isBackground": true, "type": "image" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": -10, "lockAspectRatio": true, "backgroundColor": { "color": { "r": 75, "g": 92, "b": 84 } }, "x": -211, "y": -130, "width": 577, "height": 577, "mask": { "type": "blob-2" }, "id": "5e8099da-7c1e-4126-ac2c-206e54003a42", "groupId": "074e2685-7611-45fb-9e1c-0341fe20581a", "type": "shape" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 314, "lockAspectRatio": true, "backgroundColor": { "color": { "r": 255, "g": 255, "b": 255 } }, "x": -52, "y": -139, "width": 569, "height": 733, "mask": { "type": "blob-6" }, "id": "9e119aa1-db3d-417f-b77a-cb1ed3d89d3c", "groupId": "074e2685-7611-45fb-9e1c-0341fe20581a", "type": "shape" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundTextMode": "NONE", "font": { "family": "Source Serif 4", "fallbacks": [ "serif" ], "weights": [ 200, 300, 400, 500, 600, 700, 800, 900 ], "styles": [ "regular", "italic" ], "variants": [ [ 0, 200 ], [ 0, 300 ], [ 0, 400 ], [ 0, 500 ], [ 0, 600 ], [ 0, 700 ], [ 0, 800 ], [ 0, 900 ], [ 1, 200 ], [ 1, 300 ], [ 1, 400 ], [ 1, 500 ], [ 1, 600 ], [ 1, 700 ], [ 1, 800 ], [ 1, 900 ] ], "service": "fonts.google.com", "metrics": { "upm": 1000, "asc": 1036, "des": -335, "tAsc": 1036, "tDes": -335, "tLGap": 0, "wAsc": 1009, "wDes": 324, "xH": 475, "capH": 670, "yMin": -321, "yMax": 1003, "hAsc": 1036, "hDes": -335, "lGap": 0 } }, "fontSize": 300, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "lineHeight": 0.83, "textAlign": "left", "padding": { "horizontal": 0, "vertical": 0 }, "x": 144, "y": 20, "width": 150, "height": 249, "id": "a88fec94-e814-4d2a-be42-35461873ead2", "content": "5", "tagName": "h2", "type": "text" }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundTextMode": "NONE", "font": { "family": "Source Serif 4", "fallbacks": [ "serif" ], "weights": [ 200, 300, 400, 500, 600, 700, 800, 900 ], "styles": [ "regular", "italic" ], "variants": [ [ 0, 200 ], [ 0, 300 ], [ 0, 400 ], [ 0, 500 ], [ 0, 600 ], [ 0, 700 ], [ 0, 800 ], [ 0, 900 ], [ 1, 200 ], [ 1, 300 ], [ 1, 400 ], [ 1, 500 ], [ 1, 600 ], [ 1, 700 ], [ 1, 800 ], [ 1, 900 ] ], "service": "fonts.google.com", "metrics": { "upm": 1000, "asc": 1036, "des": -335, "tAsc": 1036, "tDes": -335, "tLGap": 0, "wAsc": 1009, "wDes": 324, "xH": 475, "capH": 670, "yMin": -321, "yMax": 1003, "hAsc": 1036, "hDes": -335, "lGap": 0 } }, "fontSize": 42, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "lineHeight": 1.3, "textAlign": "center", "padding": { "horizontal": 0, "vertical": 0 }, "x": 64, "y": 287, "width": 284, "height": 108, "id": "50576904-57bd-4687-964b-f03bba21cba6", "content": "Bedtime\nRoutine Tips", "tagName": "h2", "type": "text" } ], "backgroundColor": { "color": { "r": 255, "g": 255, "b": 255, "a": 1 } }, "animations": [ { "id": "df2277dd-dd88-455a-9ec5-6659ff39f59d", "type": "effect-fly-in", "targets": [ "a88fec94-e814-4d2a-be42-35461873ead2" ], "flyInDir": "bottomToTop", "duration": 2000, "delay": 0 }, { "id": "d7f1e8d0-ff9a-4fa0-8313-a820f846c630", "type": "effect-fly-in", "targets": [ "50576904-57bd-4687-964b-f03bba21cba6" ], "flyInDir": "bottomToTop", "duration": 2000, "delay": 100 } ], "type": "page", "id": "14d7a290-8a24-4373-8ea7-23bce5ba2707", "defaultBackgroundElement": { "type": "shape", "x": 1, "y": 1, "width": 1, "height": 1, "rotationAngle": 0, "mask": { "type": "rectangle" }, "backgroundColor": { "color": { "r": 255, "g": 255, "b": 255, "a": 1 } }, "isBackground": true, "isDefaultBackground": true, "id": "fadc0093-2969-4c68-a93a-443622c08d81" }, "pageTemplateType": "section", "groups": { "074e2685-7611-45fb-9e1c-0341fe20581a": { "name": "Background", "isLocked": true, "isCollapsed": true } } }, { "elements": [ { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "x": 48, "y": 0, "width": 330, "height": 220, "mask": { "type": "rectangle" }, "isBackground": true, "type": "image", "id": "87685ff5-a429-4c67-a133-b48d9d0bc03e", "scale": 100, "focalX": 50, "focalY": 50, "resource": { "type": "image", "mimeType": "image/jpeg", "width": 8640, "height": 5760, "sizes": { "full": { "file": "media/unsplash:pR-5gi-hB1c", "sourceUrl": "https://images.unsplash.com/photo-1750779940886-edfa73b5c5c6?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=8640&h=5760&fit=max", "mimeType": "image/jpeg", "width": 8640, "height": 5760 }, "large": { "file": "media/unsplash:pR-5gi-hB1c", "sourceUrl": "https://images.unsplash.com/photo-1750779940886-edfa73b5c5c6?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=6912&h=4608&fit=max", "mimeType": "image/jpeg", "width": 6912, "height": 4608 }, "5184_3456": { "file": "media/unsplash:pR-5gi-hB1c", "sourceUrl": "https://images.unsplash.com/photo-1750779940886-edfa73b5c5c6?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=5184&h=3456&fit=max", "mimeType": "image/jpeg", "width": 5184, "height": 3456 }, "3456_2304": { "file": "media/unsplash:pR-5gi-hB1c", "sourceUrl": "https://images.unsplash.com/photo-1750779940886-edfa73b5c5c6?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=3456&h=2304&fit=max", "mimeType": "image/jpeg", "width": 3456, "height": 2304 }, "1728_1152": { "file": "media/unsplash:pR-5gi-hB1c", "sourceUrl": "https://images.unsplash.com/photo-1750779940886-edfa73b5c5c6?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=1728&h=1152&fit=max", "mimeType": "image/jpeg", "width": 1728, "height": 1152 }, "web_stories_thumbnail": { "file": "media/unsplash:pR-5gi-hB1c", "sourceUrl": "https://images.unsplash.com/photo-1750779940886-edfa73b5c5c6?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=340&h=227&fit=max", "mimeType": "image/jpeg", "width": 340, "height": 227 } }, "isPlaceholder": false, "isExternal": true, "needsProxy": false, "id": "media/unsplash:pR-5gi-hB1c", "baseColor": "#4073a6", "blurHash": "Lo98+3aeMwof%%aeRQkCoJjtbcay", "creationDate": "2025-06-24T15:51:13Z", "src": "https://images.unsplash.com/photo-1750779940886-edfa73b5c5c6?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=8640&h=5760&fit=max", "alt": "Icebergs glisten on a dark beach beneath cloudy skies.", "attribution": { "author": { "displayName": "Colin Watts", "url": "https://unsplash.com/@colinwatts?utm_source=web_stories_wordpress&utm_medium=referral" }, "registerUsageUrl": "https://media3p.googleapis.com/v1/media:registerUsage?token=AU3aCBR6bb/jcYncVN2nE6DnnFmn4Ly%2BGQtLz4NSMyGtHKKvEXXmg6Dfyi8NvicHaIIdSUA2vumU0Pq6nFH6KDBQAjxh2hWHdafY1ceRnkitbdv9aWCOOutxGx3VhbZT1s0UvqdRAfQAJTKIUfgpE9z2MFvpA2bBc8lzgJjuPGFzL/Kep%2B/APKkOwqCnk548WHS9xzSprMtnTaK0rL6pQI7JdCy2zMPD6/9NBUjrV75X08Q%3D" } } }, { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": false, "scale": 100, "focalX": 50, "focalY": 50, "resource": { "type": "image", "mimeType": "image/jpeg", "width": 5177, "height": 6902, "sizes": { "full": { "file": "media/unsplash:zVV6vy8t4jY", "sourceUrl": "https://images.unsplash.com/photo-1751906380892-8b95090cc797?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=5177&h=6902&fit=max", "mimeType": "image/jpeg", "width": 5177, "height": 6902 }, "large": { "file": "media/unsplash:zVV6vy8t4jY", "sourceUrl": "https://images.unsplash.com/photo-1751906380892-8b95090cc797?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=4141&h=5521&fit=max", "mimeType": "image/jpeg", "width": 4141, "height": 5521 }, "3106_4141": { "file": "media/unsplash:zVV6vy8t4jY", "sourceUrl": "https://images.unsplash.com/photo-1751906380892-8b95090cc797?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=3106&h=4141&fit=max", "mimeType": "image/jpeg", "width": 3106, "height": 4141 }, "2070_2760": { "file": "media/unsplash:zVV6vy8t4jY", "sourceUrl": "https://images.unsplash.com/photo-1751906380892-8b95090cc797?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=2070&h=2760&fit=max", "mimeType": "image/jpeg", "width": 2070, "height": 2760 }, "1035_1380": { "file": "media/unsplash:zVV6vy8t4jY", "sourceUrl": "https://images.unsplash.com/photo-1751906380892-8b95090cc797?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=1035&h=1380&fit=max", "mimeType": "image/jpeg", "width": 1035, "height": 1380 }, "web_stories_thumbnail": { "file": "media/unsplash:zVV6vy8t4jY", "sourceUrl": "https://images.unsplash.com/photo-1751906380892-8b95090cc797?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=340&h=453&fit=max", "mimeType": "image/jpeg", "width": 340, "height": 453 } }, "isPlaceholder": false, "isExternal": true, "needsProxy": false, "id": "media/unsplash:zVV6vy8t4jY", "baseColor": "#0c260c", "blurHash": "L44.k*xrI0D*V|t6x?Rj4VNM%Y?Z", "creationDate": "2025-07-07T16:39:46Z", "src": "https://images.unsplash.com/photo-1751906380892-8b95090cc797?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=5177&h=6902&fit=max", "alt": "A colorful parrot perches on a branch.", "attribution": { "author": { "displayName": "Valentin", "url": "https://unsplash.com/@omikron?utm_source=web_stories_wordpress&utm_medium=referral" }, "registerUsageUrl": "https://media3p.googleapis.com/v1/media:registerUsage?token=AU3aCBR91abgtSradV4GBC6FIVw4e9xBxt7Gcpfe%2BU7VL8ZS/y4RshDtFJZAN4yNdWBSw2FS9R0ZNWGhxmXcge/fgmfOO7KDbYlKEuzRT1A3Bmp2eWsCtK4lbGx%2B7NOsFB7ZOpx1sg3suqRKoKjA0KxRba3T4Duv7T623zT4GzlSUT%2BkoWh07p1%2BhW5lmUaVDWvh85NoNg6u7muvV5O7Wfsv693dCUMR16GEoMLKNUTQQj4%3D" } }, "x": 91, "y": 0, "width": 209, "height": 278, "type": "image", "mask": { "type": "rectangle", "showInLibrary": true, "name": "Rectangle", "path": "M 0,0 1,0 1,1 0,1 0,0 Z", "ratio": 1, "supportsBorder": true }, "id": "b87ffc19-0fad-4219-ad32-d6c0e2967b56" } ], "backgroundColor": { "color": { "r": 255, "g": 255, "b": 255 } }, "id": "3c74f590-3561-4ad9-91f3-ef90b0d8f3ce", "defaultBackgroundElement": { "opacity": 100, "flip": { "vertical": false, "horizontal": false }, "rotationAngle": 0, "lockAspectRatio": true, "backgroundColor": { "color": { "r": 196, "g": 196, "b": 196 } }, "x": 1, "y": 1, "width": 1, "height": 1, "mask": { "type": "rectangle" }, "isBackground": true, "isDefaultBackground": true, "type": "shape", "id": "e88d9bf8-4186-4827-9d5a-57b6c03994fd" }, "animations": [ { "id": "14d1db88-a371-44bf-921a-76a5d12fb1fa", "type": "effect-fly-in", "flyInDir": "topToBottom", "duration": 600, "delay": 0, "targets": [ "b87ffc19-0fad-4219-ad32-d6c0e2967b56" ] }, { "id": "1e2b0efc-d5cf-4337-84c2-a92aafc4dfe2", "type": "effect-background-zoom", "zoomDirection": "scaleOut", "duration": 2000, "delay": 0, "targets": [ "87685ff5-a429-4c67-a133-b48d9d0bc03e" ] } ] } ] } ``` * Here is the code without bg animation: * ```wp-block-code {"version":47,"pages":[{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":50,"y":273,"width":313,"height":470,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"47febbaf-0635-4d28-b60b-004e43636c33","scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":4000,"height":6000,"sizes":{"full":{"file":"media\/unsplash:qn_XJUBgPo0","sourceUrl":"https:\/\/images.unsplash.com\/photo-1752091948423-f75b57fdae4a?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=4000&h=6000&fit=max","mimeType":"image\/jpeg","width":4000,"height":6000},"large":{"file":"media\/unsplash:qn_XJUBgPo0","sourceUrl":"https:\/\/images.unsplash.com\/photo-1752091948423-f75b57fdae4a?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=3200&h=4800&fit=max","mimeType":"image\/jpeg","width":3200,"height":4800},"2400_3600":{"file":"media\/unsplash:qn_XJUBgPo0","sourceUrl":"https:\/\/images.unsplash.com\/photo-1752091948423-f75b57fdae4a?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=2400&h=3600&fit=max","mimeType":"image\/jpeg","width":2400,"height":3600},"1600_2400":{"file":"media\/unsplash:qn_XJUBgPo0","sourceUrl":"https:\/\/images.unsplash.com\/photo-1752091948423-f75b57fdae4a?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=1600&h=2400&fit=max","mimeType":"image\/jpeg","width":1600,"height":2400},"800_1200":{"file":"media\/unsplash:qn_XJUBgPo0","sourceUrl":"https:\/\/images.unsplash.com\/photo-1752091948423-f75b57fdae4a?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=800&h=1200&fit=max","mimeType":"image\/jpeg","width":800,"height":1200},"web_stories_thumbnail":{"file":"media\/unsplash:qn_XJUBgPo0","sourceUrl":"https:\/\/images.unsplash.com\/photo-1752091948423-f75b57fdae4a?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=340&h=510&fit=max","mimeType":"image\/jpeg","width":340,"height":510}},"isPlaceholder":false,"isExternal":true,"needsProxy":false,"id":"media\/unsplash:qn_XJUBgPo0","baseColor":"#f3f3f3","blurHash":"L-Irc.ozIos:_4ogV[of%Noes:WV","creationDate":"2025-07-09T20:22:50Z","src":"https:\/\/images.unsplash.com\/photo-1752091948423-f75b57fdae4a?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=4000&h=6000&fit=max","alt":"A cow grazes in a grassy mountain meadow.","attribution":{"author":{"displayName":"Milosz Roman","url":"https:\/\/unsplash.com\/@mivosh?utm_source=web_stories_wordpress&utm_medium=referral"},"registerUsageUrl":"https:\/\/media3p.googleapis.com\/v1\/media:registerUsage?token=AU3aCBRaSyAakRvTQfAxI6cEj4TGq6daPwbbNrZSaZ3rcEoVpIq16%2BRDSE6lF7D4NXRIhphmhRv6PmpNdKQI6pHtLs3KW%2BKYAqc0kXXXqniSpBG8Ty93rj3HjTixvwjrC27WdYSO5UHc2Rpt3SC\/%2BfaHu3n6ZhzhygYzouojXM3gRs3Vsm7%2BkREVp1Q\/IjfPfmFrF8rSQt86OmT2WCSq2uChzDlkqdoqoMqnwzRPUCo5lWY%3D"}}}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"id":"f8de6bc9-465a-4fe7-8751-a155b31d00ad","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"3a79a25d-851b-447d-b7f8-ccacbd4fc618"},"animations":[]},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"scale":140,"focalX":73.25925470564026,"focalY":58.0575453206811,"resource":{"type":"image","mimeType":"image\/jpeg","baseColor":"#484543","src":"https:\/\/wp.stories.google\/static\/21\/images\/templates\/sleep\/page7_bg.jpg","width":220,"height":293,"posterId":0,"id":0,"alt":"page7_bg","sizes":[],"isExternal":true},"x":70,"y":2,"width":206,"height":274,"mask":{"type":"rectangle","name":"Rectangle","path":"M 0,0 1,0 1,1 0,1 0,0 Z","ratio":1},"id":"8f381241-0285-4bfe-86bf-c8e712114659","isBackground":true,"type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":-10,"lockAspectRatio":true,"backgroundColor":{"color":{"r":75,"g":92,"b":84}},"x":-211,"y":-130,"width":577,"height":577,"mask":{"type":"blob-2"},"id":"5e8099da-7c1e-4126-ac2c-206e54003a42","groupId":"074e2685-7611-45fb-9e1c-0341fe20581a","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":314,"lockAspectRatio":true,"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"x":-52,"y":-139,"width":569,"height":733,"mask":{"type":"blob-6"},"id":"9e119aa1-db3d-417f-b77a-cb1ed3d89d3c","groupId":"074e2685-7611-45fb-9e1c-0341fe20581a","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Source Serif 4"},"fontSize":300,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":0.83,"textAlign":"left","padding":{"horizontal":0,"vertical":0},"x":144,"y":20,"width":150,"height":249,"id":"a88fec94-e814-4d2a-be42-35461873ead2","content":"5<\/span>","tagName":"h2","type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Source Serif 4"},"fontSize":42,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.3,"textAlign":"center","padding":{"horizontal":0,"vertical":0},"x":64,"y":287,"width":284,"height":108,"id":"50576904-57bd-4687-964b-f03bba21cba6","content":"Bedtime<\/span>\nRoutine Tips<\/span>","tagName":"h2","type":"text"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255,"a":1}},"animations":[{"id":"df2277dd-dd88-455a-9ec5-6659ff39f59d","type":"effect-fly-in","targets":["a88fec94-e814-4d2a-be42-35461873ead2"],"flyInDir":"bottomToTop","duration":2000,"delay":0},{"id":"d7f1e8d0-ff9a-4fa0-8313-a820f846c630","type":"effect-fly-in","targets":["50576904-57bd-4687-964b-f03bba21cba6"],"flyInDir":"bottomToTop","duration":2000,"delay":100}],"type":"page","id":"14d7a290-8a24-4373-8ea7-23bce5ba2707","defaultBackgroundElement":{"type":"shape","x":1,"y":1,"width":1,"height":1,"rotationAngle":0,"mask":{"type":"rectangle"},"backgroundColor":{"color":{"r":255,"g":255,"b":255,"a":1}},"isBackground":true,"isDefaultBackground":true,"id":"fadc0093-2969-4c68-a93a-443622c08d81"},"pageTemplateType":"section","groups":{"074e2685-7611-45fb-9e1c-0341fe20581a":{"name":"Background","isLocked":true,"isCollapsed":true}}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":220,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"87685ff5-a429-4c67-a133-b48d9d0bc03e","scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":8640,"height":5760,"sizes":{"full":{"file":"media\/unsplash:pR-5gi-hB1c","sourceUrl":"https:\/\/images.unsplash.com\/photo-1750779940886-edfa73b5c5c6?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=8640&h=5760&fit=max","mimeType":"image\/jpeg","width":8640,"height":5760},"large":{"file":"media\/unsplash:pR-5gi-hB1c","sourceUrl":"https:\/\/images.unsplash.com\/photo-1750779940886-edfa73b5c5c6?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=6912&h=4608&fit=max","mimeType":"image\/jpeg","width":6912,"height":4608},"5184_3456":{"file":"media\/unsplash:pR-5gi-hB1c","sourceUrl":"https:\/\/images.unsplash.com\/photo-1750779940886-edfa73b5c5c6?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=5184&h=3456&fit=max","mimeType":"image\/jpeg","width":5184,"height":3456},"3456_2304":{"file":"media\/unsplash:pR-5gi-hB1c","sourceUrl":"https:\/\/images.unsplash.com\/photo-1750779940886-edfa73b5c5c6?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=3456&h=2304&fit=max","mimeType":"image\/jpeg","width":3456,"height":2304},"1728_1152":{"file":"media\/unsplash:pR-5gi-hB1c","sourceUrl":"https:\/\/images.unsplash.com\/photo-1750779940886-edfa73b5c5c6?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=1728&h=1152&fit=max","mimeType":"image\/jpeg","width":1728,"height":1152},"web_stories_thumbnail":{"file":"media\/unsplash:pR-5gi-hB1c","sourceUrl":"https:\/\/images.unsplash.com\/photo-1750779940886-edfa73b5c5c6?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=340&h=227&fit=max","mimeType":"image\/jpeg","width":340,"height":227}},"isPlaceholder":false,"isExternal":true,"needsProxy":false,"id":"media\/unsplash:pR-5gi-hB1c","baseColor":"#4073a6","blurHash":"Lo98+3aeMwof%%aeRQkCoJjtbcay","creationDate":"2025-06-24T15:51:13Z","src":"https:\/\/images.unsplash.com\/photo-1750779940886-edfa73b5c5c6?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=8640&h=5760&fit=max","alt":"Icebergs glisten on a dark beach beneath cloudy skies.","attribution":{"author":{"displayName":"Colin Watts","url":"https:\/\/unsplash.com\/@colinwatts?utm_source=web_stories_wordpress&utm_medium=referral"},"registerUsageUrl":"https:\/\/media3p.googleapis.com\/v1\/media:registerUsage?token=AU3aCBR6bb\/jcYncVN2nE6DnnFmn4Ly%2BGQtLz4NSMyGtHKKvEXXmg6Dfyi8NvicHaIIdSUA2vumU0Pq6nFH6KDBQAjxh2hWHdafY1ceRnkitbdv9aWCOOutxGx3VhbZT1s0UvqdRAfQAJTKIUfgpE9z2MFvpA2bBc8lzgJjuPGFzL\/Kep%2B\/APKkOwqCnk548WHS9xzSprMtnTaK0rL6pQI7JdCy2zMPD6\/9NBUjrV75X08Q%3D"}}},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":5177,"height":6902,"sizes":{"full":{"file":"media\/unsplash:zVV6vy8t4jY","sourceUrl":"https:\/\/images.unsplash.com\/photo-1751906380892-8b95090cc797?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=5177&h=6902&fit=max","mimeType":"image\/jpeg","width":5177,"height":6902},"large":{"file":"media\/unsplash:zVV6vy8t4jY","sourceUrl":"https:\/\/images.unsplash.com\/photo-1751906380892-8b95090cc797?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=4141&h=5521&fit=max","mimeType":"image\/jpeg","width":4141,"height":5521},"3106_4141":{"file":"media\/unsplash:zVV6vy8t4jY","sourceUrl":"https:\/\/images.unsplash.com\/photo-1751906380892-8b95090cc797?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=3106&h=4141&fit=max","mimeType":"image\/jpeg","width":3106,"height":4141},"2070_2760":{"file":"media\/unsplash:zVV6vy8t4jY","sourceUrl":"https:\/\/images.unsplash.com\/photo-1751906380892-8b95090cc797?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=2070&h=2760&fit=max","mimeType":"image\/jpeg","width":2070,"height":2760},"1035_1380":{"file":"media\/unsplash:zVV6vy8t4jY","sourceUrl":"https:\/\/images.unsplash.com\/photo-1751906380892-8b95090cc797?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=1035&h=1380&fit=max","mimeType":"image\/jpeg","width":1035,"height":1380},"web_stories_thumbnail":{"file":"media\/unsplash:zVV6vy8t4jY","sourceUrl":"https:\/\/images.unsplash.com\/photo-1751906380892-8b95090cc797?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=340&h=453&fit=max","mimeType":"image\/jpeg","width":340,"height":453}},"isPlaceholder":false,"isExternal":true,"needsProxy":false,"id":"media\/unsplash:zVV6vy8t4jY","baseColor":"#0c260c","blurHash":"L44.k*xrI0D*V|t6x?Rj4VNM%Y?Z","creationDate":"2025-07-07T16:39:46Z","src":"https:\/\/images.unsplash.com\/photo-1751906380892-8b95090cc797?ixid=M3wxMzcxOTN8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTc1MjMxMTMzMHw&ixlib=rb-4.1.0&fm=jpg&w=5177&h=6902&fit=max","alt":"A colorful parrot perches on a branch.","attribution":{"author":{"displayName":"Valentin","url":"https:\/\/unsplash.com\/@omikron?utm_source=web_stories_wordpress&utm_medium=referral"},"registerUsageUrl":"https:\/\/media3p.googleapis.com\/v1\/media:registerUsage?token=AU3aCBR91abgtSradV4GBC6FIVw4e9xBxt7Gcpfe%2BU7VL8ZS\/y4RshDtFJZAN4yNdWBSw2FS9R0ZNWGhxmXcge\/fgmfOO7KDbYlKEuzRT1A3Bmp2eWsCtK4lbGx%2B7NOsFB7ZOpx1sg3suqRKoKjA0KxRba3T4Duv7T623zT4GzlSUT%2BkoWh07p1%2BhW5lmUaVDWvh85NoNg6u7muvV5O7Wfsv693dCUMR16GEoMLKNUTQQj4%3D"}},"x":91,"y":0,"width":209,"height":278,"type":"image","mask":{"type":"rectangle","showInLibrary":true,"name":"Rectangle","path":"M 0,0 1,0 1,1 0,1 0,0 Z","ratio":1,"supportsBorder":true},"id":"b87ffc19-0fad-4219-ad32-d6c0e2967b56"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"id":"3c74f590-3561-4ad9-91f3-ef90b0d8f3ce","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"e88d9bf8-4186-4827-9d5a-57b6c03994fd"},"pageTemplateType":"section","animations":[{"id":"14d1db88-a371-44bf-921a-76a5d12fb1fa","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0,"targets":["b87ffc19-0fad-4219-ad32-d6c0e2967b56"]}]}],"fonts":{"Source Serif 4":{"family":"Source Serif 4","fallbacks":["serif"],"weights":[200,300,400,500,600,700,800,900],"styles":["regular","italic"],"variants":[[0,200],[0,300],[0,400],[0,500],[0,600],[0,700],[0,800],[0,900],[1,200],[1,300],[1,400],[1,500],[1,600],[1,700],[1,800],[1,900]],"service":"fonts.google.com","metrics":{"upm":1000,"asc":1036,"des":-335,"tAsc":1036,"tDes":-335,"tLGap":0,"wAsc":1009,"wDes":324,"xH":475,"capH":670,"yMin":-321,"yMax":1003,"hAsc":1036,"hDes":-335,"lGap":0}}},"autoAdvance":true,"defaultPageDuration":7,"currentStoryStyles":{"colors":[]}} ``` * Plugin Author [Pascal Birchler](https://wordpress.org/support/users/swissspidy/) * (@swissspidy) * [9 months, 3 weeks ago](https://wordpress.org/support/topic/amp-html-code/#post-18567546) * The main issue I see with your HTML above is that the `` tags are empty. They should be containing `