{{ block title }}
{{ endblock }}
{{ block content }}

<br>
<br>



     <div style="text-align: center;">
Which picture below best describes <b>your relationship</b> with <b>your family</b> <u>from the previous generation</u>?<br>
         {{formfields}}

     </div>
<br>
<br>



        <div style="display: flex; flex-direction: column; align-items: center;">
                <img src="/static/IOS_Q1.png"
                     style=" width: 80%; height: auto; margin-top: 10px; border: 1px solid black;">
        </div>


<br>
<Br>
<br>
<Br>
<div style = " display: flex; justify-content: flex-end; align-items: right;  ">
        <button class="btn btn-primary">Submit</button>
    </div>

<style>
    .btn-next {
        display: block;
        width: 200px;
        margin: 30px auto 0;
        padding: 10px;
        background-color: #3498db;
        color: white;
        border: none;
        border-radius: 5px;
        font-size: 18px;
        cursor: pointer;
        text-align: center;
    }

    .btn-next:hover {
        background-color: #2980b9;
    }
</style>

{{ endblock }}