{{ block title }}
    Questions
{{ endblock }}


{{ block content }}
<div class="main">
    <h3> Island Selection: </h3>
    <img  aria-label="drawing of a cat" src="{% static image_path3 %}">
    {{ formfield 'q3'}}
    {{ formfield 'q4'}}
    <h3> Score Table: </h3>
    <img aria-label="drawing of a cat2" src="{% static image_path1 %}">
    {{ formfield 'q1'}}
    {{ formfield 'q2'}}

    <h3> Indicators: </h3>

    <img aria-label="drawing of a cat3"  id="shit" src="{% static image_path4 %}">
    {{ formfield 'q5'}}
    {{ formfield 'q6'}}
    <h3> Prediction: </h3>
    <img class="sec" src="{% static image_path2 %}">
    {{ formfield 'q7'}}
    <br> <br>
    {{ next_button }}
</div>

 <style>

 .main img{
 width: 70% !important;
 height: 70% !important;
     }

 .sec{
 width: 80% !important;
 height: 80% !important;
     }
 </style>


{{ endblock }}