{% for image in product.images %}
                  {% if image.alt == 'Size Chart' or image.alt == 'size chart' %}
                  <img class="size__chart img-responsive" src="{{ image | product_img_url: '2024x2024' }}" image-alt="{{ image.alt | downcase}}">
                  {% endif %}
                  {% endfor %}

                     {%- if sizeChart != blank -%}
                      {{sizeChart}}
                      {% else %}
                      {% if section.settings.size_chart != blank %}
                      <img src="{{ section.settings.size_chart | img_url: 'original' }}" class="img-responsive" alt="Size Chart"/>
                      {% else %}
                      <p class="col-md-12">Please select image from <a href="/admin/themes" class="text-muted">theme customization</a></p>
                      {% endif %}
                      {%- endif -%}