For

          <div class="row">
            {% for image in data.media %}
            <div data-aos="fade-zoom-in" data-aos-duration="1000" data-aos-delay="{{duration}}"
              class="col-12 col-sm-6 col-md-3">
              <figure class="gallery__image" itemprop="associatedMedia" itemscope
                itemtype="http://schema.org/ImageObject">
                <a href="{{image.url}}" itemprop="contentUrl" data-index="{{ loop.index }}" data-width="{{image.width}}"
                  data-height="{{image.height}}">
                  <img src="{{image.sizes.gallery_thumb}}" srcset="{{image.sizes.gallery_thumb_2x}} 2x"
                    itemprop="thumbnail" alt="" />
                </a>
              </figure>
            </div>
          </div>