<section class="slide slideJs intro slide0 d-flex intro overlay"> {% if section.urlVideo is defined and section.urlVideo is not empty %} <div class="d-none d-md-flex justify-content-center align-items-center align-content-center" style="width: 100%; margin-bottom: 5%; z-index: 100;"> <iframe title="vimeo-player" src="{{ section.urlVideo }}" width="100%" height="100%" frameborder="0" allow="fullscreen"></iframe> </div> {% else %} <picture> <source media="(min-width: 768px)" srcset="{{ asset(pictures.image_1.url.webp) | imagine_filter("img_1920x800") }}" type="image/webp"> <source media="(max-width: 767px)" srcset="{{ asset(pictures.image_1.url.webp) | imagine_filter("img_414x736") }}" type="image/webp"> <source media="(min-width: 768px)" srcset="{{ asset(pictures.image_1.url.jpg) | imagine_filter("img_1920x800") }}" type="image/jpeg"> <source media="(max-width: 767px)" srcset="{{ asset(pictures.image_1.url.jpg) | imagine_filter("img_414x736") }}" type="image/jpeg"> <img src="{{ asset(pictures.image_1.url.webp) | imagine_filter("img_1920x1280") }}" alt="{{ pictures.image_1.alt }}" class="d-none slide-bg homePageIntroImg"> </picture> <div class="box"> {# <h1>{{ h1_1|raw }}</h1> <p>{{ p_1|raw }}</p> #}{# <div class="cta-intro"> <a href="{{ path('pages_collection_details', { _locale: currentLocale, slug: 'marble', id: 12 }) }}">Marble</a> <a href="{{ path('pages_collection_details', { _locale: currentLocale, slug: 'desert', id: 13 }) }}">Desert</a> </div>#} </div> {% endif %} <div class="slideArrow slide--arrow slide0--arrow p-0 d-flex justify-content-center align-items-center"> <img src="{{ asset('build/icon/2tec2_arrow_bottom_white.svg') }}" alt="{{ 'caret down icon' | trans }}"> </div></section>