Newbie to Sass - My images do not display

Hello there. I am so stuck. Any help appreciated.
My images do not display. I installed foundation -cli globally with npm.
Please see image of the page and the code.

Below is the HTML code:

<div class="top-bar">
  <div class="top-bar-left"></div>
  <div class="top-bar-right">
    <ul class="menu">
      <li><a href="#">Projects</a></li>
      <li><a href="#">Testimonials</a></li>
      <li><a href="#">Contact</a></li>
<div class="banner grid-x">
  <div class="cell">
  <div class="banner-text cell">
    John Smith
  <div class="banner-subtext cell">

  <!-- testing if image shows up directly in the cell -->
  <div class="cell">

<script src="node_modules/jquery/dist/jquery.js"></script>
<script src="node_modules/what-input/dist/what-input.js"></script>
<script src="node_modules/foundation-sites/dist/js/foundation.js"></script>
<script src="js/app.js"></script>

There is also this msg after I run foundation watch:

Replace Autoprefixer browsers option to Browserslist config.
Use browserslist key in package.json or .browserslistrc file.

Using browsers option can cause errors. Browserslist config
can be used for Babel, Autoprefixer, postcss-normalize and other tools.

If you really need to use option, rename it to overrideBrowserslist.

Please check your browser console for errors. The missing images have nothing to do with Foundation Sites.

This is just a warning and you can safely ignore it for now.

I tried Chrome, Firefox and Explorer consoles and none of them showed any errors.
If you think it is a browser problem where I would look at it.
Thank you.

What is shown in the network tab?
Do the image requests return something?

Can you reproduce this in a codepen? Maybe there is some CORS policy.

Found a typo. Sorry for taking your time.

No problem. Thanks for the feedback that it is resolved for you now.