Why isn't the thumbnail PrimaryImageOfPage not showing?

Hi, I have created my website using [format.com](http://format.com) My pages contain Meta property and Json LD graph similar to the ones shown below <meta property="og:title" content="[Page Title]"> <meta property="og:description" content="[Brief description of your page]"> <meta property="og:url" content="[URL of the page]"> <meta property="og:image" content="[URL of the image you want to display]"> <meta property="og:image:alt" content="[Alternative text for the image]"> <meta property="og:image:width" content="[Image width in pixels]"> <meta property="og:image:height" content="[Image height in pixels]"> <meta property="og:type" content="website"> <meta property="og:locale" content="[Locale, e.g., en_US]"> <meta property="og:site_name" content="[Name of your site]"> <script type="application/ld+json"> {   "@context": "https://schema.org",   "@graph": [     {       "@type": "WebSite",       "@id": "[Website URL]/#website",       "url": "[Website URL]",       "name": "[Website Name]",       "description": "[Website Description]",       "inLanguage": "[Language, e.g., en-US]"     },     {       "@type": "WebPage",       "@id": "[Page URL]/#webpage",       "url": "[Page URL]",       "name": "[Page Name]",       "isPartOf": { "@id": "[Website URL]/#website" },       "primaryImageOfPage": {         "@type": "ImageObject",         "url": "[Primary Image URL]",         "thumbnailUrl": "[Thumbnail Image URL]",         "caption": "[Image Caption]",         "width": [Image Width in Pixels],         "height": [Image Height in Pixels]       },       "description": "[Page Description]",       "inLanguage": "[Language, e.g., en-US]",       "keywords": [         "[Keyword 1]",         "[Keyword 2]",         "[Keyword 3]"       ]     },     {       "@type": "Service",       "serviceType": "[Service Type]",       "provider": {         "@type": "Organization",         "name": "[Organization Name]",         "url": "[Organization URL]",         "contactPoint": {           "@type": "ContactPoint",           "email": "[Email Address]",           "telephone": "[Phone Number]",           "contactType": "[Contact Type, e.g., Customer Service]",           "areaServed": "[Area Served]",           "availableLanguage": "[Available Language]"         }       },       "hasOfferCatalog": {         "@type": "OfferCatalog",         "name": "[Offer Catalog Name]",         "itemListElement": [           {             "@type": "Offer",             "itemOffered": {               "@type": "Service",               "name": "[Service Name 1]",               "description": "[Service Description 1]"             }           },           {             "@type": "Offer",             "itemOffered": {               "@type": "Service",               "name": "[Service Name 2]",               "description": "[Service Description 2]"             }           }         ]       }     }   ] } </script> The images used for the thumbnail url are at least 1200 x 1200px. Can someone help me understand why the thumbnails next to the google result still not showing and what changes are needed to make them appear? Thank you,