Show all images files related to page in blueprint?

The CMS Questions
1

On a preset page there is a feature that displays all the images inside the content folder in panel. I have tried to add this on another page that uses a more custom blueprint. This has not worked successfully. How do I add image management to my blueprint?

title: Project
preset: page
sections:
  content:
    type: fields
    fields:
      ProjectImage:
        type: files
        layout: cards
        info: "{{ file.dimensions }}"
        image:
          ratio: 5/4
          cover: true
        max: 1
        size: small
        headline: Project Image
      PageTitle:
        label: Page Title
        type: text
        size: small
        width: 1/3
      Subheading:
        label: Sub-heading
        type: text
        size: small
        width: 2/3
      Body:
        label: Body
        type: textarea
        size: large
      relatedProjects:
        label: Related Projects Title
        type: text
        size: large
      ctaTitle:
        label: Call To Action Title
        type: textarea
        size: small
        width: 2/3
      ctaButton:
        label: Call To Action Button
        type: text
        size: small
        width: 1/3
      CarouselImages:
        type: files
        layout: cards
        info: "{{ file.dimensions }}"
        image:
          ratio: 5/4
          cover: true
        max: 12
        size: small
        headline: Carousel Images
2

You have to add a files section, not a files field.

3

Thank you, this worked:

title: Project
sections:
  files: true
    layout: cards
  content:
    type: fields
    fields:
      ProjectImage:
        type: files
        layout: cards
        info: "{{ file.dimensions }}"
        image:
          ratio: 5/4
          cover: true