I am using Github as SCM & have enable auto-deploy on Heroku. I am trying Heroku for a simple HTML, CSS, JS app & Used PHP for deployment. All my images are available in Git, relative path given for images is also correct. Still some of the images are not reflecting on page & giving 404 whereas most of them do appear. What can be it's reason?
Here's code snippet
.bgimg1 {
background-image: url('images/Top_Image.jpg');
}
<body class="background">
<div class="loader"></div>
<div class=" bgimg1">My top content </div>
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/1.jpg" alt="img" height="50%" width="100%">
</div>
<div class="item">
<img src="images/2.jpg" alt="img" height="50%" width="100%">
</div>
</div>
</body>
and here is project structure.
</div>