Liquid error (sections/product-xxxxx line 200) invalid url input

[yewy89]

I customise my product description section to include Image with Text. After that it shows the "Liquid error (sections/product-content-custom line 200): invalid url input" in the browser but the image can display correctly. 

Part of my code is below: line 200 is {{- block.settings.image_1 | image_url: width: block.settings.image_1.width | image_tag: id: id_attribute, loading: 'lazy', sizes: '(max-width: 740px) calc(100vw - 96px), (max-width: 999px) calc(100vw - 160px), 600px', widths: '600,700,800,1000,1200,1400', class: 'image-with-text__image' -}}

Anybody can help? Thanks in advance. 

                  {%- if block.settings.image_1 != blank -%}
                    <div class="{% if block.settings.image_position_1 == 'right' %}image-with-text--reverse{% endif %} image-with-text__wrapper">
                      <div class="image-with-text__image-wrapper">
                        {%- for block in section.blocks -%}
                          {%- capture id_attribute -%}block-{{ block.id }}-{{ block.settings.image_1.id }}{%- endcapture -%}
                          {{- block.settings.image_1 | image_url: width: block.settings.image_1.width | image_tag: id: id_attribute, loading: 'lazy', sizes: '(max-width: 740px) calc(100vw - 96px), (max-width: 999px) calc(100vw - 160px), 600px', widths: '600,700,800,1000,1200,1400', class: 'image-with-text__image' -}}
                        {%- endfor -%}
                      </div>
                      <div class="image-with-text__content-wrapper description_image-with-text__content-wrapper">
                        <div class="image-with-text__text-wrapper">
                        {%- if block.settings.content_1 != blank -%}
                          {{- block.settings.content_1 -}}
                        {%- endif -%}
                        </div>
                      </div>
                    </div>  
                  {%- endif -%}