  {% if not hero_image_name %}
  <div class="header-item">
    <div class="info">
      <div class="title">
          {% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
          {% if page.header.subtitle %}
          <h3 >{{ page.header.subtitle }}</h3>
          {% endif %}
          {% include 'partials/blog/category.html.twig' %}
          {% include 'partials/blog/date.html.twig' %}
      </div>
      <div class="tags">
        {% include 'partials/blog/taxonomy.html.twig' %}
      </div>
  {% endif %}

  <div class="content">
    <div class="txt">
      {{ page.content|raw }}
    </div>
  </div>
</div>

  <div class="prev-next">

    {% if not page.isLast %}
    <a class="btn" href="{{ page.prevSibling.url }}">
      <div class="btn-info">

      <span class="title">{{ page.prevSibling.title }}</span>

      {% if page.prevSibling.taxonomy.category %}
      <span class="tags">
        {% for category in page.prevSibling.taxonomy.category %}
        {{ category }}
        {% endfor %}
      </span>
      {% endif %}
      <span class="blog-date">
        <time class="dt-published" datetime="{{ page.date|date("c") }}">
          {{ page.prevSibling.date|date("Y") }}
        </time>
      </span>
      </div>
      <img src="user/themes/gilles_acezat/images/arrow.svg" alt="">
    </a>
    {% endif %}

    {% if page.isLast %}
    {% set parent = page.parent %}
      {% for first_item in parent.collection.slice(0, 1) %}

      <a class="btn" href="{{ first_item.url }}">
        <div class="btn-info">
        <span class="title">{{ first_item.title }}</span>
        {% if first_item.taxonomy.category %}
        <span class="tags">
          {% for category in first_item.taxonomy.category %}
          {{ category }}
          {% endfor %}
        </span>
        {% endif %}

        <span class="blog-date">
          <time class="dt-published" datetime="{{ first_item.date|date("c") }}">
            {{ first_item.date|date("Y") }}
          </time>
        </span>
        </div>
        <img src="user/themes/gilles_acezat/images/arrow.svg" alt="">
      </a>

    {% endfor %}
    {% endif %}

  </div>
</div>

  <div class="img">
  {% for image in page.media.images %}
    <div class="img-card">
     {{ image.html }}
   </div>
  {% endfor %}
</div>

  <div class="top">
      <!-- <img src="user/themes/gilles_acezat/images/arrow-top.svg" alt=""> -->
      <svg
         version="1.1"
         width="9.2404556"
         height="8.180007">
      <path
         style="fill:#000000;fill-opacity:0;stroke:#000000;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
         d="M 8.7368705,7.6738333 4.5950186,0.49994998 0.50358559,7.5865262"
         id="path995"
         inkscape:connector-curvature="0" />
      </svg>
  </div>
