title: Not able to load local Image from CSS in EJS
body: <p>Hello i am working on ejs. Inside css, I call image for background image. When page is loading image is not coming. css part is working.
  if I use hosted image then it's working.</p>
  
  <p>directory structure</p>
  
  <p><a href="https://i.stack.imgur.com/Y3MQA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Y3MQA.png" alt="enter image description here"></a></p>
  
  <p>style.css</p>
  
  <pre><code>.bgimg-1 {
      background: url('../img/cab.jpg');
      height: 100%;
    }
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>&lt;head&gt;
  &lt;link rel='stylesheet' href='../public/css/style.css' type="text/css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="bgimg-1"&gt;
      &lt;div class="caption"&gt;
           &lt;span class="border"&gt;&lt;a href="/api/login"&gt;LOGIN&lt;/a&gt;&lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>app.js</p>
  
  <pre><code>app.use(express.static(path.join(__dirname + '/public')));
  </code></pre>