Gallery

<section class="ecl-gallery"
  aria-label="Open gallery items to view images in original size, watch videos and share them"
  data-ecl-auto-init="Gallery" data-ecl-gallery-visible-items="8" data-ecl-gallery>
  <ul class="ecl-gallery__list">
    <li class="ecl-gallery__item"><a href="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"
        data-ecl-gallery-item class="ecl-gallery__item-link" id="ecl-gallery-item-gallery-id-0"
        data-ecl-gallery-item-share="/share#example-image.jpg">
        <figure class="ecl-gallery__image-container">
          <picture class="ecl-picture ecl-gallery__thumbnail"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" alt="Image 1"></picture>
          <picture class="ecl-picture ecl-gallery__picture"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" alt="Image 1" loading="lazy">
          </picture>
          <figcaption class="ecl-gallery__description" data-ecl-gallery-description><span class="ecl-gallery__title"
              id="ecl-gallery-item-gallery-id-0-title" data-ecl-gallery-title>EU in brief</span><span
              class="ecl-gallery__caption">The EU in brief, institutions and bodies, countries, symbols, history, facts
              and figures. [Image with thumbnail]</span><span class="ecl-gallery__meta">Copyright, Author, Licence for
              image 1</span></figcaption>
        </figure>
      </a></li>
    <li class="ecl-gallery__item"><a href="https://www.youtube.com/embed/fgi-GSCB6ho" data-ecl-gallery-item
        class="ecl-gallery__item-link" id="ecl-gallery-item-gallery-id-1"
        data-ecl-gallery-item-embed-src="https://www.youtube.com/embed/fgi-GSCB6ho"
        data-ecl-gallery-item-embed-audio="In the video below, there is no audiodescription available because all the content is in the captions and default audio track"
        data-ecl-gallery-item-video-title="New digital strategy - Video player">
        <figure class="ecl-gallery__image-container">
          <div class="ecl-gallery__item-icon-wrapper"><svg
              class="ecl-icon ecl-icon--l ecl-icon--inverted ecl-gallery__item-icon" focusable="false"
              aria-hidden="true">
              <use xlink:href="/dist/media/icons.e3d8f25c.svg#play-filled"></use>
            </svg></div>
          <picture class="ecl-picture ecl-gallery__thumbnail"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-external-video.jpg"
              alt="New digital strategy - Video"></picture>
          <figcaption class="ecl-gallery__description" data-ecl-gallery-description><span class="ecl-gallery__title"
              id="ecl-gallery-item-gallery-id-1-title" data-ecl-gallery-title>New digital strategy</span><span
              class="ecl-gallery__caption">Digital technologies have greatly changed our daily life. Therefore, Europe
              wants to make sure, that the digital transformation works for all its citizens. [Embedded video (Youtube)
              with a thumbnail]</span><span class="ecl-gallery__meta">Copyright, Author, Licence for embedded
              media</span></figcaption>
        </figure>
      </a></li>
    <li class="ecl-gallery__item"><a href="https://inno-ecl.s3.amazonaws.com/media/examples/example-image4.jpg"
        data-ecl-gallery-item class="ecl-gallery__item-link" id="ecl-gallery-item-gallery-id-2"
        data-ecl-gallery-item-share="/share#example-image2.jpg">
        <figure class="ecl-gallery__image-container">
          <picture class="ecl-picture ecl-gallery__thumbnail"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image2.jpg" alt="Image 2"></picture>
          <picture class="ecl-picture ecl-gallery__picture">
            <source srcset="https://inno-ecl.s3.amazonaws.com/media/examples/example-image2.jpg"
              media="(min-width: 996px)">
            <source srcset="https://inno-ecl.s3.amazonaws.com/media/examples/example-image3.jpg"
              media="(min-width: 768px)"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image4.jpg" alt="Image 2" loading="lazy">
          </picture>
          <figcaption class="ecl-gallery__description" data-ecl-gallery-description><span class="ecl-gallery__title"
              id="ecl-gallery-item-gallery-id-2-title" data-ecl-gallery-title>Agriculture and culture</span><span
              class="ecl-gallery__caption">Information on agriculture, business, culture, health, etc. [Image with
              sources and thumbnail]</span><span class="ecl-gallery__meta">Copyright, Author, Licence for image 2</span>
          </figcaption>
        </figure>
      </a></li>
    <li class="ecl-gallery__item"><a href="https://audiovisual.ec.europa.eu/embed/index.html?ref=I-223223&lg=EN"
        data-ecl-gallery-item class="ecl-gallery__item-link" id="ecl-gallery-item-gallery-id-3"
        data-ecl-gallery-item-share="/share#example-image3.jpg"
        data-ecl-gallery-item-embed-src="https://audiovisual.ec.europa.eu/embed/index.html?ref=I-223223&lg=EN"
        data-ecl-gallery-item-embed-audio="In the video below, there is no audiodescription available yet"
        data-ecl-gallery-item-video-title="In the EU - Video player">
        <figure class="ecl-gallery__image-container">
          <div class="ecl-gallery__item-icon-wrapper"><svg
              class="ecl-icon ecl-icon--l ecl-icon--inverted ecl-gallery__item-icon" focusable="false"
              aria-hidden="true">
              <use xlink:href="/dist/media/icons.e3d8f25c.svg#play-filled"></use>
            </svg></div>
          <picture class="ecl-picture ecl-gallery__thumbnail"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image3.jpg" alt="Image 3 - Video"></picture>
          <figcaption class="ecl-gallery__description" data-ecl-gallery-description><span class="ecl-gallery__title"
              id="ecl-gallery-item-gallery-id-3-title" data-ecl-gallery-title>In the EU</span><span
              class="ecl-gallery__caption">Living, working, travelling in the EU. [Embedded video (AV Portal) with
              picture instead of thumbnail]</span><span class="ecl-gallery__meta">Copyright, Author, Licence for image
              3</span></figcaption>
        </figure>
      </a></li>
    <li class="ecl-gallery__item"><a href="https://www.dailymotion.com/embed/video/x8m9tp1?" data-ecl-gallery-item
        class="ecl-gallery__item-link" id="ecl-gallery-item-gallery-id-4"
        data-ecl-gallery-item-share="/share#example-image4.jpg"
        data-ecl-gallery-item-embed-src="https://www.dailymotion.com/embed/video/x8m9tp1?"
        data-ecl-gallery-item-video-title="Taxes and business - Video player">
        <figure class="ecl-gallery__image-container">
          <div class="ecl-gallery__item-icon-wrapper"><svg
              class="ecl-icon ecl-icon--l ecl-icon--inverted ecl-gallery__item-icon" focusable="false"
              aria-hidden="true">
              <use xlink:href="/dist/media/icons.e3d8f25c.svg#play-filled"></use>
            </svg></div>
          <picture class="ecl-picture ecl-gallery__thumbnail"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image4.jpg" alt="Image 4 - Video"></picture>
          <figcaption class="ecl-gallery__description" data-ecl-gallery-description><span class="ecl-gallery__title"
              id="ecl-gallery-item-gallery-id-4-title" data-ecl-gallery-title>Taxes and business</span><span
              class="ecl-gallery__caption">Information on taxes, customs, importing and exporting goods, financial
              support for businesses. [Embedded video (Dailymotion) with thumbnail]</span><span
              class="ecl-gallery__meta">Copyright, Author, Licence for image 4</span></figcaption>
        </figure>
      </a></li>
    <li class="ecl-gallery__item"><a href="https://euc-vod.fl.freecaster.net/12/224712/HD_I224712EN1W.mp4"
        data-ecl-gallery-item class="ecl-gallery__item-link" id="ecl-gallery-item-gallery-id-5"
        data-ecl-gallery-item-share="/share#example-image5.jpg"
        data-ecl-gallery-item-video-title="Visit the European Commission - Video player">
        <figure class="ecl-gallery__image-container">
          <div class="ecl-gallery__item-icon-wrapper"><svg
              class="ecl-icon ecl-icon--l ecl-icon--inverted ecl-gallery__item-icon" focusable="false"
              aria-hidden="true">
              <use xlink:href="/dist/media/icons.e3d8f25c.svg#play-filled"></use>
            </svg></div><video class="ecl-video ecl-gallery__image"
            poster="https://euc-vod.fl.freecaster.net/12/224712/THUMB_I224712EN1W_V_1.jpg"
            aria-label="Visit the European Commission - Video">
            <source type="video/mp4" src="https://euc-vod.fl.freecaster.net/12/224712/HD_I224712EN1W.mp4">
          </video>
          <figcaption class="ecl-gallery__description" data-ecl-gallery-description><span class="ecl-gallery__title"
              id="ecl-gallery-item-gallery-id-5-title" data-ecl-gallery-title>Visit the European Commission</span><span
              class="ecl-gallery__caption">The European Commission Visitors' Centre provides the public with an
              understanding of how the European Commission works and its 3 policies and priorities. [HTML
              video]</span><span class="ecl-gallery__meta">Copyright, Author, Licence for image 5</span></figcaption>
        </figure>
      </a></li>
    <li class="ecl-gallery__item"><a href="https://player.vimeo.com/video/813227141?h=077b905b65" data-ecl-gallery-item
        class="ecl-gallery__item-link" id="ecl-gallery-item-gallery-id-6"
        data-ecl-gallery-item-share="/share#example-image6.jpg"
        data-ecl-gallery-item-embed-src="https://player.vimeo.com/video/813227141?h=077b905b65"
        data-ecl-gallery-item-embed-audio="In the video below, there is no audiodescription available because all the content is in the captions and default audio track"
        data-ecl-gallery-item-video-title="Lorem ipsum - Video player">
        <figure class="ecl-gallery__image-container">
          <div class="ecl-gallery__item-icon-wrapper"><svg
              class="ecl-icon ecl-icon--l ecl-icon--inverted ecl-gallery__item-icon" focusable="false"
              aria-hidden="true">
              <use xlink:href="/dist/media/icons.e3d8f25c.svg#play-filled"></use>
            </svg></div>
          <picture class="ecl-picture ecl-gallery__thumbnail"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image6.jpg" alt="Image 6 - Video"></picture>
          <figcaption class="ecl-gallery__description" data-ecl-gallery-description><span class="ecl-gallery__title"
              id="ecl-gallery-item-gallery-id-6-title" data-ecl-gallery-title>Lorem ipsum</span><span
              class="ecl-gallery__caption">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a diam
              dignissim, suscipit augue in, fermentum nibh. Donec vestibulum justo cursus quam luctus, quis maximus nisi
              feugiat. Nullam lobortis tellus libero, vitae lobortis nisl suscipit ac. [Embedded video (Vimeo) with
              thumbnail]</span><span class="ecl-gallery__meta">Copyright, Author, Licence for image 6</span>
          </figcaption>
        </figure>
      </a></li>
    <li class="ecl-gallery__item"><a href="https://inno-ecl.s3.amazonaws.com/media/examples/example-image7.jpg"
        data-ecl-gallery-item class="ecl-gallery__item-link" id="ecl-gallery-item-gallery-id-7"
        data-ecl-gallery-item-share="/share#example-image11.jpg">
        <figure class="ecl-gallery__image-container">
          <picture class="ecl-picture ecl-gallery__thumbnail">
            <source srcset="https://inno-ecl.s3.amazonaws.com/media/examples/example-image6.jpg"
              media="(min-width: 1140px)"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image7.jpg" alt="Image 7">
          </picture>
          <picture class="ecl-picture ecl-gallery__picture">
            <source srcset="https://inno-ecl.s3.amazonaws.com/media/examples/example-image6.jpg"
              media="(min-width: 1140px)"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image7.jpg" alt="Image 7" loading="lazy">
          </picture>
          <figcaption class="ecl-gallery__description" data-ecl-gallery-description><span class="ecl-gallery__title"
              id="ecl-gallery-item-gallery-id-7-title" data-ecl-gallery-title>Teaching material</span><span
              class="ecl-gallery__caption">Teaching material about the EU, including books and maps. [Image with sources
              and no thumbnail]</span><span class="ecl-gallery__meta">Copyright, Author, Licence for image 7</span>
          </figcaption>
        </figure>
      </a></li>
    <li class="ecl-gallery__item"><a href="https://inno-ecl.s3.amazonaws.com/media/examples/example-image8.jpg"
        data-ecl-gallery-item class="ecl-gallery__item-link" id="ecl-gallery-item-gallery-id-8"
        data-ecl-gallery-item-share="/share#example-image8.jpg">
        <figure class="ecl-gallery__image-container">
          <picture class="ecl-picture ecl-gallery__thumbnail"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image8.jpg"
              alt="Climate change and protect nature"></picture>
          <picture class="ecl-picture ecl-gallery__picture"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image8.jpg"
              alt="Climate change and protect nature" loading="lazy"></picture>
          <figcaption class="ecl-gallery__description" data-ecl-gallery-description><span class="ecl-gallery__title"
              id="ecl-gallery-item-gallery-id-8-title" data-ecl-gallery-title>Climate change</span><span
              class="ecl-gallery__caption">Climate change and protect nature. [Image without thumbnail]</span><span
              class="ecl-gallery__meta">Copyright, Author, Licence for embedded media</span></figcaption>
        </figure>
      </a></li>
    <li class="ecl-gallery__item"><a href="https://inno-ecl.s3.amazonaws.com/media/examples/example-image9.jpg"
        data-ecl-gallery-item class="ecl-gallery__item-link" id="ecl-gallery-item-gallery-id-9"
        data-ecl-gallery-item-share="/share#example-image9.jpg">
        <figure class="ecl-gallery__image-container">
          <picture class="ecl-picture ecl-gallery__thumbnail"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image9.jpg" alt="Image 9"></picture>
          <picture class="ecl-picture ecl-gallery__picture"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image9.jpg" alt="Image 9" loading="lazy">
          </picture>
          <figcaption class="ecl-gallery__description" data-ecl-gallery-description><span class="ecl-gallery__title"
              id="ecl-gallery-item-gallery-id-9-title" data-ecl-gallery-title>About the EU</span><span
              class="ecl-gallery__caption">About the EU. [Image without thumbnail]</span><span
              class="ecl-gallery__meta">Copyright, Author, Licence for image 9</span></figcaption>
        </figure>
      </a></li>
    <li class="ecl-gallery__item"><a href="https://inno-ecl.s3.amazonaws.com/media/examples/example-image10.jpg"
        data-ecl-gallery-item class="ecl-gallery__item-link" id="ecl-gallery-item-gallery-id-10"
        data-ecl-gallery-item-share="/share#example-image10.jpg">
        <figure class="ecl-gallery__image-container">
          <picture class="ecl-picture ecl-gallery__thumbnail"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image10.jpg" alt="Image 10"></picture>
          <picture class="ecl-picture ecl-gallery__picture"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image10.jpg" alt="Image 10" loading="lazy">
          </picture>
          <figcaption class="ecl-gallery__description" data-ecl-gallery-description><span class="ecl-gallery__title"
              id="ecl-gallery-item-gallery-id-10-title" data-ecl-gallery-title>EU by topic</span><span
              class="ecl-gallery__caption">EU by topic. [Image without thumbnail]</span><span
              class="ecl-gallery__meta">Copyright, Author, Licence for image 10</span></figcaption>
        </figure>
      </a></li>
    <li class="ecl-gallery__item"><a href="https://inno-ecl.s3.amazonaws.com/media/examples/example-image10.jpg"
        data-ecl-gallery-item class="ecl-gallery__item-link" id="ecl-gallery-item-gallery-id-11"
        data-ecl-gallery-item-share="/share#example-image10.jpg">
        <figure class="ecl-gallery__image-container">
          <picture class="ecl-picture ecl-gallery__thumbnail"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image10.jpg" alt="Lorem ipsum"></picture>
          <picture class="ecl-picture ecl-gallery__picture"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image10.jpg" alt="Lorem ipsum"
              loading="lazy"></picture>
          <figcaption class="ecl-gallery__description" data-ecl-gallery-description><span class="ecl-gallery__title"
              id="ecl-gallery-item-gallery-id-11-title" data-ecl-gallery-title>12</span><span
              class="ecl-gallery__caption">Lorem ipsum</span><span class="ecl-gallery__meta">Copyright, Author, Licence
              for Lorem ipsum</span></figcaption>
        </figure>
      </a></li>
    <li class="ecl-gallery__item"><a href="https://inno-ecl.s3.amazonaws.com/media/examples/example-image10.jpg"
        data-ecl-gallery-item class="ecl-gallery__item-link" id="ecl-gallery-item-gallery-id-12"
        data-ecl-gallery-item-share="/share#example-image10.jpg">
        <figure class="ecl-gallery__image-container">
          <picture class="ecl-picture ecl-gallery__thumbnail"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image10.jpg" alt="Lorem ipsum"></picture>
          <picture class="ecl-picture ecl-gallery__picture"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image10.jpg" alt="Lorem ipsum"
              loading="lazy"></picture>
          <figcaption class="ecl-gallery__description" data-ecl-gallery-description><span class="ecl-gallery__title"
              id="ecl-gallery-item-gallery-id-12-title" data-ecl-gallery-title>13</span><span
              class="ecl-gallery__caption">Lorem ipsum</span><span class="ecl-gallery__meta">Copyright, Author, Licence
              for Lorem ipsum</span></figcaption>
        </figure>
      </a></li>
    <li class="ecl-gallery__item"><a href="https://inno-ecl.s3.amazonaws.com/media/examples/example-image10.jpg"
        data-ecl-gallery-item class="ecl-gallery__item-link" id="ecl-gallery-item-gallery-id-13"
        data-ecl-gallery-item-share="/share#example-image10.jpg">
        <figure class="ecl-gallery__image-container">
          <picture class="ecl-picture ecl-gallery__thumbnail"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image10.jpg" alt="Lorem ipsum"></picture>
          <picture class="ecl-picture ecl-gallery__picture"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image10.jpg" alt="Lorem ipsum"
              loading="lazy"></picture>
          <figcaption class="ecl-gallery__description" data-ecl-gallery-description><span class="ecl-gallery__title"
              id="ecl-gallery-item-gallery-id-13-title" data-ecl-gallery-title>14</span><span
              class="ecl-gallery__caption">Lorem ipsum</span><span class="ecl-gallery__meta">Copyright, Author, Licence
              for Lorem ipsum</span></figcaption>
        </figure>
      </a></li>
    <li class="ecl-gallery__item"><a href="https://inno-ecl.s3.amazonaws.com/media/examples/example-image10.jpg"
        data-ecl-gallery-item class="ecl-gallery__item-link" id="ecl-gallery-item-gallery-id-14"
        data-ecl-gallery-item-share="/share#example-image10.jpg">
        <figure class="ecl-gallery__image-container">
          <picture class="ecl-picture ecl-gallery__thumbnail"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image10.jpg" alt="Lorem ipsum"></picture>
          <picture class="ecl-picture ecl-gallery__picture"><img class="ecl-gallery__image"
              src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image10.jpg" alt="Lorem ipsum"
              loading="lazy"></picture>
          <figcaption class="ecl-gallery__description" data-ecl-gallery-description><span class="ecl-gallery__title"
              id="ecl-gallery-item-gallery-id-14-title" data-ecl-gallery-title>15</span><span
              class="ecl-gallery__caption">Lorem ipsum</span><span class="ecl-gallery__meta">Copyright, Author, Licence
              for Lorem ipsum</span></figcaption>
        </figure>
      </a></li>
  </ul>
  <div class="ecl-gallery__footer">
    <div class="ecl-gallery__info">
      <div class="ecl-gallery__info-total" id="gallery-id-info"><strong data-ecl-gallery-count>0</strong>Media files in
        this gallery</div><button class="ecl-button ecl-button--ghost ecl-gallery__view-all" type="submit"
        data-ecl-gallery-all data-ecl-gallery-collapsed-label="See all" data-ecl-gallery-expanded-label="Collapse"
        aria-describedby="gallery-id-info">See all</button>
    </div>
    <hr class="ecl-gallery__footer-divider" />
    <div class="ecl-gallery__footer-link"><a href="/example" class="ecl-link ecl-link--standalone ecl-link--icon"><span
          class="ecl-link__label">Further media items</span><svg class="ecl-icon ecl-icon--2xs ecl-link__icon"
          focusable="false" aria-hidden="false" role="img">
          <title>Link to an external domain</title>
          <use xlink:href="/dist/media/icons.e3d8f25c.svg#external"></use>
        </svg></a></div>
  </div>
  <dialog class="ecl-gallery__overlay" data-ecl-gallery-overlay aria-label="Gallery overlay">
    <header class="ecl-gallery__close" data-ecl-gallery-overlay-header><button
        class="ecl-button ecl-button--ghost ecl-gallery__close-button ecl-button--icon-only" type="submit"
        data-ecl-gallery-close><span class="ecl-button__container"><span class="ecl-button__label"
            data-ecl-label="true">Close</span><svg class="ecl-icon ecl-icon--m ecl-button__icon" focusable="false"
            aria-hidden="true" data-ecl-icon>
            <use xlink:href="/dist/media/icons.e3d8f25c.svg#close"></use>
          </svg></span></button></header>
    <section class="ecl-gallery__slider">
      <div class="ecl-gallery__slider-media-container" data-ecl-gallery-overlay-media></div>
    </section>
    <footer class="ecl-gallery__detail" data-ecl-gallery-overlay-footer>
      <div class="ecl-container">
        <div class="ecl-gallery__detail-container">
          <div class="ecl-gallery__pager">
            <div class="ecl-gallery__detail-counter"><span data-ecl-gallery-overlay-counter-current>0</span> of <span
                data-ecl-gallery-overlay-counter-max>0</span></div>
            <div class="ecl-gallery__controls"><button
                class="ecl-button ecl-button--tertiary ecl-gallery__slider-previous ecl-button--icon-only" type="button"
                data-ecl-gallery-overlay-previous><span class="ecl-button__container"><svg
                    class="ecl-icon ecl-icon--m ecl-icon--rotate-270 ecl-button__icon" focusable="false"
                    aria-hidden="true" data-ecl-icon>
                    <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
                  </svg><span class="ecl-button__label" data-ecl-label="true">Previous</span></span></button><button
                class="ecl-button ecl-button--tertiary ecl-gallery__slider-next ecl-button--icon-only" type="button"
                data-ecl-gallery-overlay-next><span class="ecl-button__container"><span class="ecl-button__label"
                    data-ecl-label="true">Next</span><svg
                    class="ecl-icon ecl-icon--m ecl-icon--rotate-90 ecl-button__icon" focusable="false"
                    aria-hidden="true" data-ecl-icon>
                    <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
                  </svg></span></button></div>
          </div>
          <div class="ecl-gallery__detail-actions"><a href=""
              class="ecl-link ecl-link--standalone ecl-link--inverted ecl-link--icon ecl-gallery__download"
              target="_blank" data-ecl-gallery-overlay-download><span class="ecl-link__label">View original</span><svg
                class="ecl-icon ecl-icon--fluid ecl-link__icon" focusable="false" aria-hidden="true">
                <use xlink:href="/dist/media/icons.e3d8f25c.svg#fullscreen"></use>
              </svg></a><a href="/example"
              class="ecl-link ecl-link--standalone ecl-link--inverted ecl-link--icon ecl-gallery__share"
              data-ecl-gallery-overlay-share><span class="ecl-link__label">Share</span><svg
                class="ecl-icon ecl-icon--fluid ecl-link__icon" focusable="false" aria-hidden="true">
                <use xlink:href="/dist/media/icons.e3d8f25c.svg#share"></use>
              </svg></a></div>
        </div>
        <div class="ecl-gallery__detail-description" data-ecl-gallery-overlay-description>The EU in brief, institutions
          and bodies, countries, symbols, history, facts and figures. [Image with thumbnail]</div>
      </div>
    </footer>
  </dialog>
</section>