title: NEXT Image not Loading in production
body: <p>I am using NEXT to build my web app. During my dev server, everything runs smoothly and all images appear as expected but when I run <code>next build</code> and then <code>next start</code> the image disappears in the dev server.</p>
  <p>Not sure why this is happening can someone help me?</p>
  <p>My folder structure is as shown below:</p>
  <pre><code>- public
  ---- pictures
  ------ icons
  -------- iphone
  ---------- phone1.png
  </code></pre>
  <p>And here's how I put it in my component:</p>
  <pre><code>&lt;div className={classes['stack-phone-v1']}&gt;
                &lt;Image
                  alt={'phone-image-1'}
                  height={567}
                  width={284}
                  src='/pictures/icon/iphone/phone1.png'
                /&gt;
              &lt;/div&gt;
  </code></pre>