<div class="image-wall">
  <div class="image-wall__inner">
    <div class="image-wall__item">
      <figure class="figure" aria-labelledby="figure-5f17-label"><a class="figure__media figure__media--lightbox js-lightbox" href="https://picsum.photos/id/16/460/520" data-size="460x520" data-gallery="image-wall-01">
          <div class="image loading" style="padding-top: 113.04347826086956%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="260" src="https://picsum.photos/id/16/230/260" width="230" /></noscript><img class="image__img js-lazyload" data-src="https://picsum.photos/id/16/230/260" width="230" height="260" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
          <div class="icon-button figure__lightbox-button" aria-hidden="true"><svg class="icon icon--expand icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-d1e3-title">
              <title id="icon-d1e3-title">List</title>
              <use xlink:href="#icon-expand"></use>
            </svg></div>
        </a>
        <figcaption class="figure__caption" id="figure-5f17-label">230/260 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</figcaption>
      </figure>
    </div>
    <div class="image-wall__item">
      <figure class="figure" aria-labelledby="figure-dfb1-label"><a class="figure__media figure__media--lightbox js-lightbox" href="https://picsum.photos/id/17/800/1160" data-size="800x1160" data-gallery="image-wall-01">
          <div class="image loading" style="padding-top: 145%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="580" src="https://picsum.photos/id/17/400/580" width="400" /></noscript><img class="image__img js-lazyload" data-src="https://picsum.photos/id/17/400/580" width="400" height="580" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
          <div class="icon-button figure__lightbox-button" aria-hidden="true"><svg class="icon icon--expand icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-bb15-title">
              <title id="icon-bb15-title">List</title>
              <use xlink:href="#icon-expand"></use>
            </svg></div>
        </a>
        <figcaption class="figure__caption" id="figure-dfb1-label">400/580 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</figcaption>
      </figure>
    </div>
    <div class="image-wall__item">
      <figure class="figure" aria-labelledby="figure-55fd-label"><a class="figure__media figure__media--lightbox js-lightbox" href="https://picsum.photos/id/18/480/660" data-size="480x660" data-gallery="image-wall-01">
          <div class="image loading" style="padding-top: 137.5%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="330" src="https://picsum.photos/id/18/240/330" width="240" /></noscript><img class="image__img js-lazyload" data-src="https://picsum.photos/id/18/240/330" width="240" height="330" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
          <div class="icon-button figure__lightbox-button" aria-hidden="true"><svg class="icon icon--expand icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-4a9d-title">
              <title id="icon-4a9d-title">List</title>
              <use xlink:href="#icon-expand"></use>
            </svg></div>
        </a></figure>
    </div>
    <div class="image-wall__item">
      <figure class="figure" aria-labelledby="figure-dd2a-label"><a class="figure__media figure__media--lightbox js-lightbox" href="https://picsum.photos/id/19/240/330" data-size="240x330" data-gallery="image-wall-01">
          <div class="image loading" style="padding-top: 137.5%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="330" src="https://picsum.photos/id/19/240/330" width="240" /></noscript><img class="image__img js-lazyload" data-src="https://picsum.photos/id/19/240/330" width="240" height="330" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
          <div class="icon-button figure__lightbox-button" aria-hidden="true"><svg class="icon icon--expand icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-7c31-title">
              <title id="icon-7c31-title">List</title>
              <use xlink:href="#icon-expand"></use>
            </svg></div>
        </a>
        <figcaption class="figure__caption" id="figure-dd2a-label">240/330 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</figcaption>
      </figure>
    </div>
    <div class="image-wall__item">
      <figure class="figure" aria-labelledby="figure-5cda-label">
        <div class="figure__media" data-gallery="lightbox-3e51">
          <div class="image loading" style="padding-top: 108.33333333333333%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="260" src="https://picsum.photos/240/260" width="240" /></noscript><img class="image__img js-lazyload" data-src="https://picsum.photos/240/260" width="240" height="260" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
        </div>
      </figure>
    </div>
    <div class="image-wall__item">
      <figure class="figure" aria-labelledby="figure-387c-label">
        <div class="figure__media" data-gallery="lightbox-f238">
          <div class="image loading" style="padding-top: 112.5%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="450" src="https://picsum.photos/400/450" width="400" /></noscript><img class="image__img js-lazyload" data-src="https://picsum.photos/400/450" width="400" height="450" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
        </div>
        <figcaption class="figure__caption" id="figure-387c-label">400/450 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</figcaption>
      </figure>
    </div>
    <div class="image-wall__item">
      <figure class="figure" aria-labelledby="figure-fe59-label">
        <div class="figure__media" data-gallery="lightbox-8b4f">
          <div class="image loading" style="padding-top: 56.41025641025641%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="220" src="https://picsum.photos/390/220" width="390" /></noscript><img class="image__img js-lazyload" data-src="https://picsum.photos/390/220" width="390" height="220" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
        </div>
        <figcaption class="figure__caption" id="figure-fe59-label">390/220 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius tortor nibh, sit amet tempor nibh finibus et. Aenean eu enim justo.</figcaption>
      </figure>
    </div>
    <div class="image-wall__item">
      <figure class="figure" aria-labelledby="figure-f77a-label">
        <div class="figure__media" data-gallery="lightbox-0de8">
          <div class="image loading" style="padding-top: 160.8695652173913%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="370" src="https://picsum.photos/230/370" width="230" /></noscript><img class="image__img js-lazyload" data-src="https://picsum.photos/230/370" width="230" height="370" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
        </div>
      </figure>
    </div>
    <div class="image-wall__item">
      <figure class="figure" aria-labelledby="figure-f833-label"><a class="figure__media figure__media--lightbox js-lightbox" href="https://picsum.photos/id/20/230/330" data-size="230x330" data-gallery="image-wall-01">
          <div class="image loading" style="padding-top: 143.47826086956522%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="330" src="https://picsum.photos/id/20/230/330" width="230" /></noscript><img class="image__img js-lazyload" data-src="https://picsum.photos/id/20/230/330" width="230" height="330" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
          <div class="icon-button figure__lightbox-button" aria-hidden="true"><svg class="icon icon--expand icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-b6c4-title">
              <title id="icon-b6c4-title">List</title>
              <use xlink:href="#icon-expand"></use>
            </svg></div>
        </a></figure>
    </div>
  </div>
</div>

{
  "items": [
    {
      "use": "figure--lightbox",
      "inherit": true,
      "settings": {
        "image": {
          "width": "230",
          "height": "260",
          "src": "https://picsum.photos/id/16/230/260"
        },
        "caption": "230/260 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor ",
        "lightbox": {
          "src": "https://picsum.photos/id/16/460/520",
          "width": 460,
          "height": 520,
          "gallery": "image-wall-01"
        }
      }
    },
    {
      "use": "figure--lightbox",
      "inherit": true,
      "settings": {
        "image": {
          "width": "400",
          "height": "580",
          "src": "https://picsum.photos/id/17/400/580"
        },
        "caption": "400/580 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor ",
        "lightbox": {
          "src": "https://picsum.photos/id/17/800/1160",
          "width": 800,
          "height": 1160,
          "gallery": "image-wall-01"
        }
      }
    },
    {
      "use": "figure",
      "inherit": true,
      "settings": {
        "image": {
          "width": "240",
          "height": "330",
          "src": "https://picsum.photos/id/18/240/330"
        },
        "caption": null,
        "lightbox": {
          "src": "https://picsum.photos/id/18/480/660",
          "width": 480,
          "height": 660,
          "gallery": "image-wall-01"
        }
      }
    },
    {
      "use": "figure--lightbox",
      "inherit": true,
      "settings": {
        "image": {
          "width": "240",
          "height": "330",
          "src": "https://picsum.photos/id/19/240/330"
        },
        "caption": "240/330 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor ",
        "lightbox": {
          "src": "https://picsum.photos/id/19/240/330",
          "width": 240,
          "height": 330,
          "gallery": "image-wall-01"
        }
      }
    },
    {
      "use": "figure",
      "inherit": true,
      "settings": {
        "image": {
          "width": "240",
          "height": "260",
          "src": "https://picsum.photos/240/260"
        },
        "caption": null
      }
    },
    {
      "use": "figure",
      "inherit": true,
      "settings": {
        "image": {
          "width": "400",
          "height": "450",
          "src": "https://picsum.photos/400/450"
        },
        "caption": "400/450 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor "
      }
    },
    {
      "use": "figure",
      "inherit": true,
      "settings": {
        "image": {
          "width": "390",
          "height": "220",
          "src": "https://picsum.photos/390/220"
        },
        "caption": "390/220 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius tortor nibh, sit amet tempor nibh finibus et. Aenean eu enim justo. "
      }
    },
    {
      "use": "figure",
      "inherit": true,
      "settings": {
        "image": {
          "width": "230",
          "height": "370",
          "src": "https://picsum.photos/230/370"
        },
        "caption": null
      }
    },
    {
      "use": "figure--lightbox",
      "inherit": true,
      "settings": {
        "image": {
          "width": "230",
          "height": "330",
          "src": "https://picsum.photos/id/20/230/330"
        },
        "caption": null,
        "lightbox": {
          "src": "https://picsum.photos/id/20/230/330",
          "width": 230,
          "height": 330,
          "gallery": "image-wall-01"
        }
      }
    }
  ]
}