{{- $title := .Get "title" -}}
{{- $image := .Get "image" -}}
{{- $alt := .Get "alt" | default $title -}}
{{- $caption := .Get "caption" -}}
{{- $placeholder := .Get "placeholder" | default "Problem screenshot placeholder" -}}

{{- with $title }}
<h3>{{ . }}</h3>
{{- end }}

{{ .Inner | markdownify }}

<!--
<figure class="problem-figure">
    {{- if $image -}}
        {{- with $.Page.Resources.GetMatch $image -}}
    <img src="{{ .RelPermalink }}" alt="{{ $alt }}">
        {{- else -}}
    <div class="problem-image-placeholder">
        <p>{{ $placeholder }}</p>
    </div>
        {{- end -}}
    {{- else -}}
    <div class="problem-image-placeholder">
        <p>{{ $placeholder }}</p>
    </div>
    {{- end }}
    {{- with $caption }}
    <figcaption>{{ . }}</figcaption>
    {{- end }}
</figure>
-->