Unsure how to display a file (image) that has been uploaded

I want to now be able to uploaded an image per member using the field type of *"file"* not the standard page media as the examples I have seen so far require the user to type the file name into the image field which isn't user friendly. When I use the field type *"file"* and upload an image I can see it being saved into the /users folder in the right place but I don't understand how to print it out.

I have tried following the same syntax as printing out normal text fields but it doesn't work e.g.

---html
<h3>{{ member.image }}</h3>

    name: 'Bob Smith'
    age: '20'
    image:
        user/pages/01.home/_group/IMG_3850.JPG: 
            name: IMG_3850.JPG
            type: image/jpeg
            size: 1142286
            path: user/pages/01.home/_group/IMG_3850.JPG

I haven't been able to find anything in the Grav doc about how to do this but I could be misunderstanding how the file upload field is supposed to be used.

{{ page.media['IMG_3850.JPG'].html }}

title: Members
'@extends':
    type: default

form:
  fields:
    tabs:
      type: tabs
      active: 1
      fields:
        members:
          type: tab
          title: Members
          fields:
            header.members:
              name: members 
              type: list
              label: Members
              fields:
                .name:
                  type: text
                  label: Name
                  help: Member's name.
                .image:
                  type: file
                  label: Image
                  multiple: false
                  destination: 'self@'
                  random_name: false
                  avoid_overwriting: false
                  limit: 10
                  filesize: 5
                  accept:
                    - image/*

<div class="members">
  <h1>{{ page.title }}</h1>  
  {# loop over each member #}
  {% for member in page.header.members %}
    <div class="member">
      <h2>{{ member.name }}</h2>
      <h3>{{ member.position }}</h3>      
      {# loop over each member specific image #}
      {% for image in member.image %}
         {{ page.media[image.name].cropZoom(600,600).quality(100).html() }}
      {% endfor %}      
    </div>
  {% endfor %}
</div>
---