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 `next build` and then `next start` the image disappears in the dev server.

Not sure why this is happening can someone help me?

My folder structure is as shown below:

```
- public
---- pictures
------ icons
-------- iphone
---------- phone1.png

```

And here's how I put it in my component:

```
<div className={classes['stack-phone-v1']}>
              <Image
                alt={'phone-image-1'}
                height={567}
                width={284}
                src='/pictures/icon/iphone/phone1.png'
              />
            </div>

```