liquid product carousel

gistfile1.liquid

       <div id="my-keen-slider" class="keen-slider mobile__slider">

            {%- if product.selected_or_first_available_variant.featured_media != null -%}
              {%- assign featured_media = product.selected_or_first_available_variant.featured_media -%}
              <img lazy="loading" {% if product.selected_or_first_available_variant.featured_media.alt != blank and product.selected_or_first_available_variant.featured_media.alt != featured_media.alt %}style="display: none"{% endif %} data-thumbnail-color="{{featured_media.alt}}" {% if product.selected_or_first_available_variant.featured_media.alt != blank and product.selected_or_first_available_variant.featured_media.alt != featured_media.alt %}class=""{% else %}class="test"{% endif %} src="{{ featured_media | image_url: width: 1946 }}" alt="{{ featured_media.preview_image.alt | escape }}">
            {%- endif -%}
            {%- for media in product.media -%}
              {%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}
                <img lazy="loading" {% if product.selected_or_first_available_variant.featured_media.alt != blank and product.selected_or_first_available_variant.featured_media.alt != media.alt %}style="display: none"{% endif %} data-thumbnail-color="{{media.alt}}" {% if product.selected_or_first_available_variant.featured_media.alt != blank and product.selected_or_first_available_variant.featured_media.alt != media.alt %}class=""{% else %}class="test"{% endif %} src="{{ media | image_url: width: 1946 }}" alt="{{ media.preview_image.alt | escape }}">
              {%- endunless -%}
            {%- endfor -%}

          </div>