{% capture imagePath %}{{ page.id | split: "/" | last }}/{{ include.name }}{% endcapture %}

{% if include.frame == false %}
	{% assign frame = false %}
{% else %}
	{% assign frame = true %}
{% endif %}

<figure class="figure {% if include.caption %}figure-caption{% endif %} {% if frame %}figure--frame{% endif %}">
	<div class="figure__inner">
		<img Xwidth="100%" class="figure__image" src="/assets/blog/{{ imagePath }}" {% if include.alt %} alt="{{ include.alt }}" {% endif %} {% if include.width %} width="{{ include.width }}" {% endif %}/>
	
		{% if include.caption %}
			<figcaption class="figure__caption">{{ include.caption }} {% if include.source %}<a class="source" href="{{ include.source }}" title="{{ include.source }}">Source</a>.{% endif %}</figcaption>
		{% endif %}
	</div>
</figure>