I'm trying to insert a responsive background image into a html.twig for Drupal 8 , but to no avail. I'm not finding a solution to this. Better yet if it were something practical like a put this line exactly in this location . The image simply does not appear and yet, in some solutions I've found, it ends up nullifying the rest of the textual content.
Here's how the file looks:
<div class="layout-container">
<header role="banner">
{% if logo %}
<a href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home">
<img src="{{link.object.handle:'_images/arquivo.jpg'}}" width="100%" alt="{{link.title | mic_01}}" />
</a>
{% endif %}
</header>
<main role="main">
{% if title %}
<h1>{{ title }}</h1>
{% endif %}
{{ page.highlighted }}
{{ page.content }}
</main>
{% if page.footer %}
<footer role="contentinfo">
{{ page.footer }}
</footer>
{% endif %}
</div>{# /.layout-container #}