{% case block.settings.Html3_GridWidth %}
          {% when 'fullSpan' %}
            {%- assign grid_video_height = 'calc(100vh - 120px)' -%}
          {% when 'half' %}
            {%- assign grid_video_height = '294px' -%}
          {% when 'oneThird' %}
            {%- assign grid_video_height = '38vh' -%}
          {% when 'twoThird' %}
            {%- assign grid_video_height = '65vh' -%}
          {% when 'eightNinth' %}
            {%- assign grid_video_height = '72vh' -%}
          {% when 'oneQuarter' %}
            {%- assign grid_video_height = '38vh' -%}
          {% when 'threeQuarter' %}
            {%- assign grid_video_height = '73vh' -%}
      {% endcase %}

       {% assign hex2rgb_r = '' %}
        {% assign hex2rgb_g = '' %}
        {% assign hex2rgb_b = '' %} 
        {% assign hex2rgb_hex = block.settings.bg_color_htmlvideo %}
        {% 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 %}grid_html_color {{block.settings.Html3_GridWidth}} flexItem grid_sections" style="padding: 0px; border: 0px; margin: 0px; background: rgba({{ hex2rgb_r  }},{{ hex2rgb_g  }},{{ hex2rgb_b  }}, {{ block.settings.bg_opacity_htmlvideo }});animation-duration: {{ block.settings.animation_duration }};">
        <div class="grid_sections" style ="padding: {{block.settings.Html3_PaddingTop}}px {{block.settings.Html3_PaddingRight}}px {{block.settings.Html3_PaddingBottom}}px {{block.settings.Html3_PaddingLeft}}px;" style_desktop ="padding: {{block.settings.Html3_PaddingTop}}px {{block.settings.Html3_PaddingRight}}px {{block.settings.Html3_PaddingBottom}}px {{block.settings.Html3_PaddingLeft}}px;" style_mobile ="padding: {{block.settings.mob_Html3_PaddingTop}}px {{block.settings.mob_Html3_PaddingRight}}px {{block.settings.mob_Html3_PaddingBottom}}px {{block.settings.mob_Html3_PaddingLeft}}px;">
            <div class="contnet_grid_html {% if block.settings.text_color_htmlvideo != blank %}no_general_content{% endif %}" style="color: {{block.settings.text_color_htmlvideo}};">
              {{ block.settings.GridHtml3 }}
              {% if block.settings.GridHtml3Btn != blank %}
                <div class=" text-{{block.settings.Html3_BtnPosition}}"><a class="button scroll_link_trigger" href="{{block.settings.GridHtml3BtnLink}}">{{block.settings.GridHtml3Btn}}</a></div>
              {% endif %}

                <iframe src="{{ block.settings.VidLink3 }}" allowfullscreen="" frameborder="0" style="width: 100%; height: {{grid_video_height}}"></iframe>
            </div>
            {% if block.settings.product_grid_1 != blank %}
                {%- assign product = all_products[block.settings.product_grid_1] -%}
                {%include 'gird-product' varation_type: block.settings.product_variants_1 %}
              {% endif %}
        </div>
     </div>