Павел

Можно сделать красивее))
Выводить например по 2-3-4 города, а ниже добавлять кнопку Ещё, добавляем js/jquery код спойлера и делаем часть списка спойлером

width:auto;min-width:100px;max-width:100%;

Изображению добавить class img-fluid

Чтобы не копаться в коде, можно с помощью css, но непонятно зачем, ведь это логическая цепочка.
Код:
.breadcrumbs li:first-child {display:none;}

Можно с помощью быстрой замены во всех файлах текстовым редактором задать класс к body, или же добавить перед закрытием body скрипт который будет добавлять класс к body, что то вроде:

var hasClass = window.location.href;
hasClass = hasClass.substring(hasClass.lastIndexOf('/')+1, 5);
$('body').addClass(hasClass);

Задаст для body class с названием файла, например about.html получит body class="about"

background-position: center;
должно быть:
background-position: center center;

И проще было бы просто указать:

background: url("../images/page-banner.jpg") 100% 100% no-repeat;
 background-size: cover;

Min-width у контейнера, и у body тоже самое
media only screen and (max-width: 768px) {
.container {
width: 100%;
max-width: 1280px;
min-width: 992px;
}
}

Непонятен подход, зачем так тогда вообще делать?
Оберните img в div и задайте что надо для div, а когда появляется img то для него что нужно.
Или сделать так, добавить css, когда есть src то показывать блок, а когда нет скрывать:

img {
    display: none;
}
img[src] {
   display: block;
 }

Скорее всего Вы данный файл открываете у себя с локального компьютера. У Вас может быть запрет на подгрузку данных из сети, и при этом Вы также загружаете файл по протоколу https

Чтобы протокол по которому Вы загружаете скрипт выбирался автоматически, лучше указать так:

<script src="//code.jquery.com/jquery-1.12.4.min.js"></script>

Чтобы подгрузить скрипт у себя, сохраните файл на компьютер и пропишите ему путь в своем html файле:

<script src="imavasheypapki/jquery-1.12.4.min.js"></script>

Пускай нажмет Ctrl и покрутит колесико мыши, возможно у него стоит в браузере нестандартный масштаб

.Child {width:100%;}
.MyText input {width:100%;}

Смотреть в сторону Offer Schema и все что из этого раздела подойдет то и использовать

Есть же класс для этого
container-fluid

getbootstrap.com/css/#grid-example-fluid