<section {{ dataComponent }} id="{{ id }}" class="bGridImageTextLink bg-{{ index.index0 }} {{ separation }}">
	<div class="container-fluid px-0">
		<section class="row flex-row-reverse">
			<div class="col-12 col-lg-4">
				{% set img = component.image[0] ?? null %}
				{% if img %}
					<section class="bGridImageTextLink__img">
						{% include 'components/_imageTransformsSimple' with {
              img: img,
              setClass: 'img-absolute',
              alt: img.title,
              transforms: {
                '(min-width: 1197px)': {
                  width: 750
                },
                '(min-width: 1196px)': {
                  width: 500,
                  height: 1300
                },
                '(min-width: 695px)': {
                  width: 710
                }
              },
              default: {
                width: 560
              }
            } only %}
					</section>
				{% endif %}
			</div>
			<div class="col-12 col-lg-8 px-lg-5 d-flex justify-content-center align-items-start flex-column">
				<section class="col-11 mx-auto py-5">
					{% include 'components/_setHeadTitles' %}
					{% if (component.description|length) > 0 %}
						<div class="bGridImageTextLink__description">
							{{ component.description }}
						</div>
					{% endif %}
					{% include 'components/_btnArrow' with {
            btn: component.itemLink,
            parentClass: 'd-inline-block'
          } only %}
				</section>
			</div>
		</section>
	</div>
</section>
