The new challenge was to define a featured image which shows by default in HubSpot CMS for pages.
To solve this challenge, I found my base.html layout in HubSpot design manager, then found the meta parts and add the below code
{% if content.featured_image %}<meta property="og:image" content="{{ content.featured_image }}" />{% else %}<meta property="og:image" content="https://144575582.fs1.hubspotusercontent-eu1.net/hubfs/144575582/Shutterstock/Bellen.jpg" />{% endif %}
This code means if the featured image is turned on in the front end and it is set, then go for it and show that, if not, use the default image from the URL mentioned.