ISTWCMS-4872: updating image gallery for grid

source/_patterns/04-components/image-gallery/image-gallery.twig

-<div id="uw-ig-{{ images.id }}" class="uw-ig" data-id="{{ images.id }}">
-  <div class="uw-ig__wrapper">
+{% if type == '' or type == 'slider' %}
+  <div id="uw-ig-{{ images.id }}" class="uw-ig" data-id="{{ images.id }}">
+    <div class="uw-ig__wrapper">
 
-    {% embed '@layouts/carousel/carousel.twig' %}
+      {% embed '@layouts/carousel/carousel.twig' %}
 
-      {% block content %}
+        {% block content %}
 
-        {% for image in images.images %}
+          {% for image in images.images %}
 
-          <div class="uw-ig__item-wrapper">
-            <div class="uw_ig__image">
-              {% include '@components/responsive-image/responsive-image.twig' with {
-                'sources': image.image.sources,
-                'img_element': image.image.img_element['#uri'],
-                'alt': image.image.alt
-              } %}
-            </div>
-            {% if image.caption %}
-              <div class="uw_ig__caption">
-                {% include '@components/caption/caption.twig' with {
-                  'caption': image.caption
+            <div class="uw-ig__item-wrapper">
+              <div class="uw_ig__image">
+                {% include '@components/responsive-image/responsive-image.twig' with {
+                  'sources': image.image.sources,
+                  'img_element': image.image.img_element['#uri'],
+                  'alt': image.image.alt
                 } %}
               </div>
-            {% endif %}
-          </div>
+              {% if image.caption %}
+                <div class="uw_ig__caption">
+                  {% include '@components/caption/caption.twig' with {
+                    'caption': image.caption
+                  } %}
+                </div>
+              {% endif %}
+            </div>
 
-        {% endfor %}
-      {% endblock %}
-    {% endembed %}
+          {% endfor %}
+        {% endblock %}
+      {% endembed %}
+    </div>
   </div>
-</div>
+{% else %}
+  {% for images in image_gallery.images %}
+    {% for image in images %}
+      <a
+        href="{{ image.image.original }}"
+        {% if image.caption %}title="{{ image.caption }}"{% endif%}
+        class="colorbox cboxElement"
+        data-colorbox-gallery="{{ image_gallery.images.id }}"
+        data-cbox-img-attrs="&lbrace;&quot;alt&quot;:&quot;{{ image.image.alt }}&quot;&rbrace;"
+      >
+        <img src="{{ image.image.thumbnail }}" />
+      </a>
+    {% endfor %}
+  {% endfor %}
+{% endif %}