Inserting a responsive background image in html.Wig for Drupal 8

Question

I’m trying to insert a image as responsive background in a html.Twig to the Drupal 8, but to no avail. I’m not finding a solution to this. Even better if it were something practical like a "put that line right on this spot". The image simply does not appear and yet, in some solutions I found, end up nullifying the rest of the textual content.

Follow as the file:

<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 #}