Gallery

<div class="u-flow c-gallery">
  <div class="c-gallery__main">
    <figure class="c-gallery__slide active" data-slide="1">
      <img src="/static/img/slide-4.webp" alt="Zetasizer slide 1" >
    </figure>
    <figure class="c-gallery__slide " data-slide="2">
      <img src="/static/img/slide-5.webp" alt="Zetasizer slide 2" >
    </figure>
    <figure class="c-gallery__slide " data-slide="3">
      <img src="/static/img/slide-6.webp" alt="Zetasizer slide 3" >
    </figure>
    <figure class="c-gallery__slide " data-slide="4">
      <img src="/static/img/slide-7.webp" alt="Zetasizer slide 4" >
    </figure>
    <div class="c-gallery__slide c-gallery__video" data-slide="5">
      <figure class="c-embed">
        <div class="c-embed__wrapper">
          <iframe title="FOCUS ON THE AIR YOU BREATHE - Elemental analysis of air filters according to US EPA Method io-3.3" width="640" height="360" src="https://www.youtube.com/embed/Q4H7EdHFghs?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
        </div>
      </figure>
    </div>
  </div>
  <div class="c-gallery__thumbnails">
    <figure class="c-gallery__slide active" data-slide="1">
      <img src="/static/img/slide-4.webp" alt="Zetasizer slide 1" loading="lazy" width="102">
    </figure>
    <figure class="c-gallery__slide " data-slide="2">
      <img src="/static/img/slide-5.webp" alt="Zetasizer slide 2" loading="lazy" width="102">
    </figure>
    <figure class="c-gallery__slide " data-slide="3">
      <img src="/static/img/slide-6.webp" alt="Zetasizer slide 3" loading="lazy" width="102">
    </figure>
    <figure class="c-gallery__slide " data-slide="4">
      <img src="/static/img/slide-7.webp" alt="Zetasizer slide 4" loading="lazy" width="102">
    </figure>
    <figure class="c-gallery__slide " data-slide="5">
      <img src="https://img.youtube.com/vi/Q4H7EdHFghs/default.jpg" alt="FOCUS ON THE AIR YOU BREATHE - Elemental analysis of air filters according to US EPA Method io-3.3" loading="lazy" width="102">
    </figure>
  </div>
</div>

{
  "images": [
    {
      "src": "/static/img/slide-4.webp",
      "title": "Zetasizer slide 1"
    },
    {
      "src": "/static/img/slide-5.webp",
      "title": "Zetasizer slide 2"
    },
    {
      "src": "/static/img/slide-6.webp",
      "title": "Zetasizer slide 3"
    },
    {
      "src": "/static/img/slide-7.webp",
      "title": "Zetasizer slide 4"
    }
  ],
  "videos": [
    {
      "title": "FOCUS ON THE AIR YOU BREATHE - Elemental analysis of air filters according to US EPA Method io-3.3",
      "id": "Q4H7EdHFghs"
    }
  ]
}