I've checked everything, the path is correct , I've already declared the the "public" folder for the static files. please help me figure it out. this is how it should look

this is the site when I run it in my local server, everything loads fine here.

But when I added and deployed it on Heroku, this is how it looks

There's no image and custom CSS, only bootstrap loaded correctly, which is not stored locally

I get this error for the image: GET https://glacial-retreat-59003.herokuapp.com/images/download.jpg 404 (Not Found)

and this one for the css: Refused to apply style from 'https://glacial-retreat-59003.herokuapp.com/css/styles.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

I googled them all but none of the solutions worked, plus the errors seem like are caused due to not correctly writing directory/path for the files, but I checked several times and that's not the case.

this is the .js file , to show the directories I added are correct

app.use(express.static("public/"));

this is the HTML file , where i added css file and image

<link href="css/styles.css" rel="stylesheet" type="text/css">



<img class="mb-4 img" src="images/download.jpg" alt="" >