{% case block.settings.vid_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_video %}
    {% 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.vid_GridWidth}} flexItem grid_sections"  style="padding: 0px; border: 0px; margin: 0px;  background: rgba({{ hex2rgb_r  }},{{ hex2rgb_g  }},{{ hex2rgb_b  }}, {{ block.settings.bg_opacity_video }});animation-duration: {{ block.settings.animation_duration }};"> 
      <div class="grid_sections" style ="padding: {{block.settings.vid_PaddingTop}}px {{block.settings.vid_PaddingRight}}px {{block.settings.vid_PaddingBottom}}px {{block.settings.vid_PaddingLeft}}px;" style_desktop ="padding: {{block.settings.vid_PaddingTop}}px {{block.settings.vid_PaddingRight}}px {{block.settings.vid_PaddingBottom}}px {{block.settings.vid_PaddingLeft}}px;" style_mobile ="padding: {{block.settings.mob_vid_PaddingTop}}px {{block.settings.mob_vid_PaddingRight}}px {{block.settings.mob_vid_PaddingBottom}}px {{block.settings.mob_vid_PaddingLeft}}px;">
          <div class="contnet_grid_html">   
              <iframe src="{{ block.settings.VideoLink }}" allowfullscreen="" frameborder="0" style="width: 100%; height: {{grid_video_height}}"></iframe>
          </div>
          {% if block.settings.product_grid_2 != blank %}
            {%- assign product = all_products[block.settings.product_grid_2] -%}
            {%include 'gird-product' varation_type: block.settings.product_variants_2 %}
          {% endif %}
      </div>
   </div>