{% assign hex2rgb_r = '' %}
        {% assign hex2rgb_g = '' %}
        {% assign hex2rgb_b = '' %} 
        {% assign hex2rgb_hex = block.settings.bg_color_imghtml %}
        {% include 'hex2rgb' %}
        


    
    <div data-animation_name="{{ block.settings.animation_name }}" data-animation_delay="{{ block.settings.animation_delay }}" class="{% if block.settings.animation_name != 'noeffect' %}scroll_animation {% endif %}{{block.settings.imgh_GridWidth}} flexItem grid_sections" style="padding: 0px; border: 0px; margin: 0px;background: rgba({{ hex2rgb_r  }},{{ hex2rgb_g  }},{{ hex2rgb_b  }}, {{ block.settings.bg_opacity_imghtml }});animation-duration: {{ block.settings.animation_duration }};">
        <div class="grid_sections" style ="padding: {{block.settings.imgh_PaddingTop}}px {{block.settings.imgh_PaddingRight}}px {{block.settings.imgh_PaddingBottom}}px {{block.settings.imgh_PaddingLeft}}px;" style_desktop ="padding: {{block.settings.imgh_PaddingTop}}px {{block.settings.imgh_PaddingRight}}px {{block.settings.imgh_PaddingBottom}}px {{block.settings.imgh_PaddingLeft}}px;" style_mobile ="padding: {{block.settings.mob_imgh_PaddingTop}}px {{block.settings.mob_imgh_PaddingRight}}px {{block.settings.mob_imgh_PaddingBottom}}px {{block.settings.mob_imgh_PaddingLeft}}px;" >
            <div class="contnet_grid_html {% if block.settings.text_color_imghtml != blank %}no_general_content{% endif %}" style="color: {{block.settings.text_color_imghtml}};">
              <div class="cover_div">
                  {% if block.settings.GridImageLink2 != blank %}<a href="{{block.settings.GridImageLink2}}">{% endif %}
                   {% if block.settings.gridimgh %}
                      {% if settings.image_loading_type == 'lazy' %}
                        <img alt="{{ block.settings.gridimgh_alt }}" data-sizes="auto" class="lazyloadimage lazyload blur-up" src="{{ block.settings.gridimgh | img_url:'100x' }}" data-src="{{ block.settings.gridimgh | img_url:'' }}" >
                     {% else %}
                        <img alt="{{ block.settings.gridimgh_alt }}" src="{{ block.settings.gridimgh | img_url:'' }}" > 
                      {% endif %}
                    
                    {% endif %}
                  {% if block.settings.GridImageLink2 != blank %}</a>{% endif %}

                  {% if block.settings.gridimghBtn != blank %}
                      <div class="grid_inner_button text-{{block.settings.imgh_BtnPosition}}"><a class="button scroll_link_trigger" href="{{block.settings.gridimghBtnLink}}">{{block.settings.gridimghBtn}}</a></div>
                  {% endif %}
                </div>
                <div class="grid_html_color">
                      {{ block.settings.gridimghh }}
                      {% if block.settings.gridimghhBtn != blank %}
                        <div class=" text-{{block.settings.imghh_BtnPosition}}"><a class="button scroll_link_trigger" href="{{block.settings.gridimghhBtnLink}}">{{block.settings.gridimghhBtn}}</a></div>
                      {% endif %}
                  </div>
            </div>
            {% if block.settings.product_grid_6 != blank %}
                {%- assign product = all_products[block.settings.product_grid_6] -%}
                {%include 'gird-product' varation_type: block.settings.product_variants_6 %}
              {% endif %}
        </div>
      </div>