Героку показывает некоторые изображения, не все

Question

Я загрузил проект старого школьного ежегодника в Github. Локально с проектом все в порядке.

Однако при развертывании через Heroku отображаются только два из двадцати изображений - на других просто показан альтернативный текст. Они работают правильно (перенаправить на выбранную страницу), но не видны.

Чего мне не хватает?

<li class="collection-item">
                    <div class="person">
                        <a href="Abdellatif El Mandili.html"><div id="photo1" class="photo"><img class="photo" 
                        src="Photos/Abde.PNG" alt="Photo d'Abdellatif El Mandili"/></div></a>
                        <p id="name1" class="name">Abdellatif El Mandili</p>
                    </div>
                </li>
                <li class="collection-item">
                    <div id="person2" class="person">
                        <a href="Alexis-Mathieu Hubert.html"><div id="photo2" class="photo"><img class="photo"
                                src="Photos/Alexis.PNG" alt="Photo d'Alexis.PNG" /></div></a>
                        <p id="name2" class="name">Alexis-Mathieu Hubert</p>
                    </div>
                </li>

Приведенный выше код показывает, что код должен отображаться в виде двух фотографий и имени человека,Можно увидеть только «Abdellatif», а фотография «Alexis» не загружена. Есть еще 17 человек, таких как Алекси, и еще один, как Абде. Я уверен, что весь код одинаков для каждого элемента списка, так в чем же проблема?

Файл - index.php

И идеи?

Answer 1

Хорошо, я обнаружил, что загрузка изображений на сайт хостинга изображений, а затем использование прямых ссылок работает. Я не понимаю, почему изображения не показывались раньше, но по крайней мере это решение может помочь другим в будущем.