Stad Brugge

<div class="app-body">
  <div class="container">
    <section
      data-paragraph="1280"
      class="section media-carousel js-media-carousel paragraph--media-carousel pt-medium pb-medium"
    >
      <div class="row">
        <div class="col-12">
          <div class="media-carousel__wrapper glide js-media">
            <div data-glide-el="track" class="glide__track">
              <ul class="glide__slides media__slides">
                <li
                  class="glide__slide media__slide js-media-item js-media-carousel-item"
                >
                  <div class="media__media">
                    <div class="media-carousel__item">
                      <div
                        class="media-carousel__item__img js-media-carousel-img"
                      >
                        <picture>
                          <img
                            src="https://picsum.photos/1200/672?random=1"
                            alt="alt text"
                          />
                        </picture>
                      </div>
                      <div class="media-carousel__item__desc">
                        <span class="description"> Koopweekend juni 2022 </span>
                        <span class="copyright">
                          <i class="fa-light fa-copyright"></i>
                          Stad Brugge
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li
                  class="glide__slide media__slide js-media-item js-media-carousel-item"
                >
                  <div class="media__media">
                    <div class="media-carousel__item">
                      <div
                        class="media-carousel__item__img js-media-carousel-img"
                      >
                        <picture>
                          <img
                            src="https://picsum.photos/1200/672?random=2"
                            alt="alt text"
                          />
                        </picture>
                      </div>
                      <div class="media-carousel__item__desc">
                        <span class="description">
                          Fotoshoot Wandelgids Oooh! Brugge
                        </span>
                        <span class="copyright">
                          <i class="fa-light fa-copyright"></i>
                          BRUGGE
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li
                  class="glide__slide media__slide js-media-item js-media-carousel-item"
                >
                  <div class="media__media">
                    <div class="media-carousel__item">
                      <div
                        class="media-carousel__item__img js-media-carousel-img"
                      >
                        <picture>
                          <img
                            src="https://picsum.photos/1200/672?random=3"
                            alt="alt text"
                          />
                        </picture>
                      </div>
                      <div class="media-carousel__item__desc">
                        <span class="description">
                          Bootje aan de Spinolarei
                        </span>
                        <span class="copyright">
                          <i class="fa-light fa-copyright"></i>
                          BRUGGE
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
            </div>
            <button
              class="media-carousel__gallery__btn js-media-carousel-gallery-btn"
              aria-label="Show fullscreen"
            >
              <i
                class="fa-regular fa-up-right-and-down-left-from-center icon--fullscreen"
              ></i>
            </button>
            <div
              class="glide__arrows media-carousel__nav js-media-carousel-nav"
              data-glide-el="controls"
            >
              <button
                class="glide__arrow glide__arrow--left btn--glide"
                aria-label="Go to previous slide"
                data-glide-dir="<"
              >
                <i class="fa-light fa-arrow-left-long"></i>
              </button>
              <button
                class="glide__arrow glide__arrow--right btn--glide"
                aria-label="Go to next slide"
                data-glide-dir=">"
              >
                <i class="fa-light fa-arrow-right-long"></i>
              </button>
            </div>
          </div>
        </div>
      </div>
      <div class="js-gallery">
        <a
          class="glightbox glightbox-1280"
          data-gallery="1280"
          data-type="image"
          href="https://picsum.photos/1300/866?random=1"
          data-title="Koopweekend juni 2022"
          data-description="Stad Brugge"
        >
        </a>
        <a
          class="glightbox glightbox-1280"
          data-gallery="1280"
          data-type="image"
          href="https://picsum.photos/1300/866?random=2"
          data-title="Fotoshoot Wandelgids Oooh! Brugge"
          data-description="BRUGGE"
        >
        </a>
        <a
          class="glightbox glightbox-1280"
          data-gallery="1280"
          data-type="image"
          href="https://picsum.photos/1300/866?random=3"
          data-title="Bootje aan de Spinolarei"
          data-description="BRUGGE"
        >
        </a>
      </div>
    </section>
  </div>
</div>