Может потому что у него position: absolute;? И его положение определяет margin-top: 50%;. margin в процентах рассчитывается от ширины родителя — в данном случае от ширины body. Какой в этом сакральный смысл?
Хотя бы у бутстрапа посмотрите, как работает dropdown меню https://getbootstrap.com/docs/5.3/components/navbar/
У вас оно раскрывается только при клике на стрелку и клик должен отрабатывать на button или элемент с role="button", но никак не на обычный span с иконкой
Фиксированные width и height убирайте
Шрифт один подключен локально с одним только форматом ttf, второй - через гугл фонтс.
Изображения 3 штуки по 500kB и одно больше мегабайта.
Вообщем рано выставили сайт на оценку. Там косяк на косяке. Все находить и объяснять никто не будет.
Xlopekcudun, например, потому что не подключаются локально скрипты. Смотрите в dev tools во вкладке network сеть. Может банально пути неправильно прописаны.
На уровне популярности swiper точно не найдете библиотеку лайтбоксов, так как слайдеры на каждом втором сайте, а подобный функционал не так популярен.
Самая популярная библиотека из подобных — photoswipe
Кроме photoswipe из незаброшенных и с поддержкой typescript еще только https://github.com/sachinchoolur/lightGallery
