{%- if image == blank and assetName == blank and default_theme_icon == blank -%}
    {%- if placeholder_width != blank or placeholder_height != blank or placeholder_padding_vertical != blank or placeholder_padding_horizontal != blank -%}
        {% render 'icon-placeholder', 
            width: placeholder_width, 
            height: placeholder_height, 
            padding_vertical: placeholder_padding_vertical, 
            padding_horizontal: placeholder_padding_horizontal %}
    {%- endif -%}

    {%- break -%}
{%- endif -%}
{%- if image == blank and assetName == blank and default_theme_icon != blank and default_theme_icon == "none" -%}
    {%- break -%}
{%- endif -%}

{%- assign src = image | img_url -%}
{%- assign dataSrc = image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
{%- assign alt = image.alt | escape -%}

{%- if image == blank and assetName == blank and default_theme_icon != blank and default_theme_icon != "none" -%}
    {%- assign assetName = default_theme_icon -%}
{%- endif -%}

{%- if assetName != blank -%}
    {%- assign src = assetName | asset_url | replace: '.png', '_small.png' -%}
    {%- assign dataSrc = assetName | asset_url | replace: '.png', '_{width}x.png' -%}
    {%- assign alt = assetAlt | escape -%}
{%- endif -%}

<img class="lazyload {{ class }}"
    src="{{ src }}"
    data-src="{{ dataSrc }}"
    data-widths="[180, 360, 540, 720, 900, 1080]"
    data-sizes="auto"
    style="{{ style }}"
    alt="{{ alt }}" />