Render Teaser Image in search block using Twig I am trying to render the teaser image in my search block using twig. For my views page for rending the articles i am using this:

  &lt;div class="img-container" itemscope="" itemtype="http://schema.org/imageObject" data-internal-url="{{ url }}"&gt;
    {% block teaser_img_container %}
        {{ content.field_teaser_media }}
    {% endblock %}
  &lt;/div&gt;


And it works very nice but on search block it does not display the image, so I am trying other options like

&lt;div class="img-container" itemscope="" itemtype="http://schema.org/imageObject" data-internal-url="{{ url }}"&gt;
  &lt;picture&gt;

   {% block teaser_img_container %}

&lt;img src="{{ file_url(node.field_teaser_media.entity.uri.value) }}" &gt;
 {% endblock %}

     &lt;/picture&gt;
  &lt;/div&gt;


Which should solve my problem, but i still don't see the image i am getting no errors, if i go in my page source the link to image appears but when i inspect the code from I get

&lt;img src="/"&gt;


The link works, but it does not display my image.
Any ideas for fix?
You could use the URL Formatter Module

Then go to Manage Display and for your image field and select URL Formatter as your formatter.

then use: &lt;img src="{{ content.field_teaser_media[0] }}"&gt;