Heroku not displaying express images - express

Question

I have deployed an app to Heroku but my images arent appearing. They all work fine in localhost. The app runs using express and handlebars.
I have seen it could be as a result of case sensitivity and have checked the case is the same for .png. So i assume its a pathing issue. I have used background.png in CSS at that works correctly its only images referenced in HTML.
Heres the image
<img class="logo" alt="logo" src="images/logo.png"> <!-- Logo image -->
Localhost
Heroku
app.js
var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');
var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hbs');
app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use('/', indexRouter);
app.use('/users', usersRouter);
// catch 404 and forward to error handler
app.use(function(req, res, next) {
next(createError(404));
});
// error handler
app.use(function(err, req, res, next) {
// set locals, only providing error in development
res.locals.message = err.message;
res.locals.error = req.app.get('env') === 'development' ? err : {};
// render the error page
res.status(err.status || 500);
res.render('error');
});
module.exports = app;
The project structure
background.png CSS
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../Images/background.png");

Answer 1

The issue was the syntax images was lower case when the folder name is Images. Creating the 404.