diff --git a/snippets/product-media-gallery.liquid b/snippets/product-media-gallery.liquid
index 40d86d6..8d1d39c 100644
--- a/snippets/product-media-gallery.liquid
+++ b/snippets/product-media-gallery.liquid
@@ -65,29 +65,7 @@
       id="Slider-Gallery-{{ section.id }}{{ id_append }}"
       class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile"
       role="list">
-      {%- if product.selected_or_first_available_variant.featured_media != null -%}
-        {%- assign featured_media = product.selected_or_first_available_variant.featured_media -%}
-        <li
-          id="Slide-{{ section.id }}-{{ featured_media.id }}{{ id_append }}"
-          class="product__media-item grid__item slider__slide is-active{% if single_media_visible %} product__media-item--single{% endif %}{% if featured_media.media_type != 'image' %} product__media-item--full{% endif %}{% if section.settings.hide_variants and variant_images contains featured_media.src %} product__media-item--variant{% endif %}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--fade-in{% endif %}"
-          data-media-id="{{ section.id }}-{{ featured_media.id }}">
-          {%- assign media_position = 1 -%}
-          {% render 'product-thumbnail'
-            , media: featured_media
-            , media_count: media_count
-            , position: media_position
-            , desktop_layout: section.settings.gallery_layout
-            , mobile_layout: section.settings.mobile_thumbnails
-            , loop: section.settings.enable_video_looping
-            , modal_id: section.id
-            , xr_button: true
-            , media_width: media_width
-            , media_fit: section.settings.media_fit
-            , constrain_to_viewport: section.settings.constrain_to_viewport
-            , lazy_load: false
-          %}
-        </li>
-      {%- endif -%}
+
       {%- for media in product.media -%}
         {%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}
           <li
@@ -122,6 +100,30 @@
           </li>
         {%- endunless -%}
       {%- endfor -%}
+      {%- if product.selected_or_first_available_variant.featured_media != null -%}
+        {%- assign featured_media = product.selected_or_first_available_variant.featured_media -%}
+        <li
+          id="Slide-{{ section.id }}-{{ featured_media.id }}{{ id_append }}"
+          class="product__media-item grid__item slider__slide is-active{% if single_media_visible %} product__media-item--single{% endif %}{% if featured_media.media_type != 'image' %} product__media-item--full{% endif %}{% if section.settings.hide_variants and variant_images contains featured_media.src %} product__media-item--variant{% endif %}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--fade-in{% endif %}"
+          data-media-id="{{ section.id }}-{{ featured_media.id }}"
+          thumbnail-alt-mobile={{ featured_media.alt }}>
+          {%- assign media_position = 1 -%}
+          {% render 'product-thumbnail'
+            , media: featured_media
+            , media_count: media_count
+            , position: media_position
+            , desktop_layout: section.settings.gallery_layout
+            , mobile_layout: section.settings.mobile_thumbnails
+            , loop: section.settings.enable_video_looping
+            , modal_id: section.id
+            , xr_button: true
+            , media_width: media_width
+            , media_fit: section.settings.media_fit
+            , constrain_to_viewport: section.settings.constrain_to_viewport
+            , lazy_load: false
+          %}
+        </li>
+      {%- endif -%}
     </ul>
     {%- unless is_duplicate -%}
       <div class="slider-buttons no-js-hidden quick-add-hidden{% if hide_mobile_slider %} small-hide{% endif %}">