title: Using Gatsby-image on array from markdown
body: <p>I am using Gatsby and have images that are referenced in each markdown file in an array. I would like to be able to use Gatsby-image to transform these images but cannot get it to work with the array.</p>
  
  <p>I can get this to work when working with a single image from markdown</p>
  
  <p>I have this query to get the data:</p>
  
  <pre><code>query($slug: String!) {
      markdownRemark(fields: { slug: { eq: $slug } }) {
        html
        frontmatter {
          id
          category
          title
          path
          prices
          salePercent
          images
        }
      }
    }
  </code></pre>
  
  <p>I have this coming from the markdown</p>
  
  <p><code>mainImage: './images/1.jpg'</code></p>
  
  <p><code>images: ['1', '2', '3', '4', '5', '6']</code></p>
  
  <p>I can get gatsby-image to work fine with the mainImage but cannot get the query to work with the array.</p>
  
  <p>I would like to be able to get gatsby-image to work with the array and transform each image.</p>