title: Gatsby GraphQL query for multiple images
body: <p>I'm stuggling to figure out how to query for multiple specific images with GraphQL in Gatsbyjs. My initial thought was to do something like this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>file(relativePath: {eq: "images/front.jpg"}) {
    id
  }
  file(relativePath: {eq: "images/front2.jpg"}) {
    id
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>This throws an error in GraphQL:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>{
    "errors": [
      {
        "message": "Fields \"file\" conflict because they have differing arguments. Use different aliases on the fields to fetch both if this was intentional.",
        "locations": [
          {
            "line": 28,
            "column": 1
          },
          {
            "line": 31,
            "column": 1
          }
        ]
      }
    ]
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Querying for one specific file (image) works fine:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>file(relativePath: {eq: "images/front.jpg"}) {
    id
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Any suggesting of what I'm doing wrong here? Thanks :)</p>