Thread Discussion

Hello everyone! I am having an issue with featured image rendering for my blog post template. I am passing the content.featured_image to my Hero module, and when first rendering it renders it fine, but if to edit content of that module on blog post page (add a button for example), image gives errors.
Here is module code I am using on blog post template:

<div> {% module "Hero" path="../modules/hero",
    "no_wrapper"=True,
    "label"="Hero",
    "heading"="{{ content.name|striptags }}",
    "description"="",
    "buttons"="",
    "image"={
      "image": {
        "size_type": "auto",
        "src": "{{ content.featured_image }}",
        "width": "{{ content.featured_image_width }}",
        "height": "{{ content.featured_image_height }}",
        "alt": "{{ content.featured_image_alt_text }}",
        "loading": "lazy",
      },} %}</div>

When I use "{{ content.featured_image }}" syntax for src I am getting error in editor "Failed to load", but image is rendering fine, just can not publish the page.
I tried to assign content.featured_image to the var first and pass it to the module object, also tried to use just "src": content.featured_image, directly, but in that cases featured image does not render and field in editor is just empty. For all cases I can log the featured_image src on blog post template. I suppose I use incorrect syntax here. Does anyone have any idea what can be wrong here (my eyes are blurry already 😅)?