{% set set_class = '' %}
{% if nameClass is defined %}
  {% set set_class = nameClass %}
{% endif %}

{% set cols = ['col-lg-6', 'col-lg-6'] %}
{% if setCols is defined %}
  {% set cols = setCols %}
{% endif %}

<article id="{{ id }}" class="gridTextSlider {{ set_class }}">
  <section class="container-fluid px-0">
    <div class="row g-3">
      <section class="col-12 h-100 {{ cols[0] }}">
        {% if (images|length) > 0 %}
          <div class="swiper gridTextSlider__slider">
            <div class="swiper-wrapper">
              {% for img in images %}
                <div class="swiper-slide">
                  <img data-src="{{ img.getUrl('imageMedium') }}"
                    alt="{{ img.title }}"
                    loading="lazy"
                    class="lazyload img-fluid img-absolute" />
                </div>
              {% endfor %}
            </div>
            <div class="swiper-pagination"></div>
          </div>
        {% endif %}
      </section>
      <section class="col-12 {{ cols[1] }} py-lg-5">
        <div class="col-lg-9 me-lg-auto ms-lg-5 px-3 px-lg-0">
          <h2 class="gridTextSlider__title pt-3">
            {{ title }}
          </h2>
          <div class="gridTextSlider__description">
            {{ description }}
          </div>
        </div>
      </section>
    </div>
  </section>
</article>
