<figure

{%- if style %} 
  style="{{ style }}" 
{% endif -%}
{%- if class %}
  class="{{ class }}"
{% endif -%}
>
<img src="/lilypond_files/{{ filename }}-trimmed.svg" 
  {%- if alt %}
    alt="{{ alt }}"
    title="{{ alt }}"
  {% endif -%}
  />
{%- if mp3 %}
  <audio controls>
    <source src="lilypond_files/{{ filename }}.mp3" type="audio/mp3" />
    Your browser does not support the <code>audio</code> element.
  </audio>
{% endif -%}
{%- if caption %}
  <figcaption>{{ caption }}</figcaption>
{% endif -%}
<details>
  <summary>Show source</summary>
  <pre>

{%- raw -%}{% {% endraw %} lilypond {{ attr_text -}} {%- raw %}%}{% endraw %} {{ content | escape -}} {%- raw -%} {% endlilypond %} {% endraw %}

  </pre>
</details>

</figure>