{% set nav_component_item_header_id = 'nav-component-item-header--' ~ component_item.id %}
{% set classes = ['component', 'navigation-component-item'] %}
<div id="{{ nav_component_item_header_id }}" {{ attributes.addClass(component_wrapper_class) }}>

  {{ title_prefix }}
  {% if label %}
    <h3{{ title_attributes.addClass('title') }}>{{ label }}</h3>
  {% endif %}
  {{ title_suffix }}

  <div{{ content_attributes.addClass('component-item--content') }} >
{#    {% if highlight_content.field_large_image is not empty %}#}
{#      {{ content.field_large_image }}#}
{#    {% endif %}#}
{#    {% if highlight_content.field_small_image_2 is not empty %}#}
{#      {{ content.field_small_image_2 }}#}
{#    {% endif %}#}
    {{ content.field_large_image }}
    {{ content.field_small_image_2 }}
    <div class="highlight-article-content">
      <div class="highlight-article-content-header">
        {{ content.field_posted_date }}
        {{ content.field_article_title }}
      </div>
      {{ content.field_description }}
      <div class="highlight-article-author">
        {{ content.field_avatar_author }}
        {{ content.field_author_name }}
      </div>
    </div>
    {{ content|without('title', 'field_large_image', 'field_small_image_2', 'field_posted_date', 'field_article_title', 'field_description', 'field_avatar_author', 'field_author_name') }}
  </div>
</div>
