{{ block styles }}
    <link href="{% static 'global/css/custom.css' %}" rel="stylesheet"/>
{{ endblock }}

{{ block scripts }}

<script>
    for (let ele of document.getElementsByTagName('textarea')) {
      ele.rows = 10;
    }
</script>

{{ endblock }}

{{ block title }}
    Bild {{ round }}
{{ endblock }}
{{ block content }}
    <div class="alert alert-info" role="alert" >
        <p style="text-align: left">
            Die folgenden Fragen sollen Ihnen helfen, eine möglichst vollständige Geschichte zu erzählen,
            die eine Handlung und Hauptperson hat.
        </p>


        <ol type="1">
            <li>
                Was führte zu der gezeigten Situation?
            </li>
            <li>
                Was geschieht gerade?
            </li>
            <li>
                Was fühlen und denken die Personen?
            </li>
            <li>
                Wie ist der Ausgang der Geschichte?
            </li>
        </ol>
    </div>
    {{ if not mobile }}
        <div style="height: 400px; text-align: center">
    {{ else }}
        <div>
    {{ endif }}
        <img class="" src="{% static path_pic %}" align="center" style="max-width: 100%; max-height: 100%;"/>

    </div>
    <br>

    {{ formfields }}
    {{ next_button }}

{{ endblock }}