Picture

<span class="lazy_image_wrapper {{ class }}_image_wrapper">
	<picture class="{{ class }}_picture">
		{% for key, source in sources|reverse %}
		<source media="(min-width: {{ key }})" srcset="//images.fastspot.com/{{ config.images }}/{{ default.width }}x{{ default.height }}/{{ image }}" data-srcset="{% if source == "placeholder" %}../images/placeholder.png{% else %}//images.fastspot.com/{{ config.images }}/{{ source.width }}x{{ source.height }}/{{ image }}{% endif %}">
		{% endfor %}
		<img class="js-lazy js-lazyload {{ class }}_image" src="../../../images/placeholder.png" data-src="https://images.fastspot.com/{{ config.images }}/{{ default.width }}x{{ default.height }}/{{ image }}" alt="{{ alt }}">
	</picture>
</span>
<noscript>
	<picture class="{{ class }}_picture">
		{% for key, source in sources|reverse %}
		<source media="(min-width: {{ key }})" srcset="https://images.fastspot.com/{{ config.images }}/{{ source.width }}x{{ source.height }}/{{ image }}">
		{% endfor %}
		<img class="js-lazy js-lazyload {{ class }}_image" src="//images.fastspot.com/{{ config.images }}/{{ default.width }}x{{ default.height }}/{{ image }}" data-src="//images.fastspot.com/{{ config.images }}/{{ default.width }}x{{ default.height }}/{{ image }}" alt="{{ alt }}">
	</picture>
</noscript>