Aetae

.main-container
  display: flex
.content
  flex: auto

Проблема то в чём?

Вот например сайт icio.us на http(хз что за сайт, нагуглен из списка "popular websites loaded insecurely") , прекрасно грузит иконку сверху слева.
Так что это не стандартное поведение браузера.

Дайте ссылку на ваш сайт или хотя-бы запросите картинку с вашего сервера руками и покажите какие заголовки он отдаёт.

Пока единственное разумное предположение, что там вместо image/<что-то> идёт какая-то ересь и браузер решает попытать счастья на https. Тогда надо поправить MIME types на сервере.

Ещё вариант, что на сайте когда-то был https с включенным HSTS. Тогда надо руками удалить из браузера сохранённую метку.

Но это всё гадание на кофейной гуще.

Очевидно transform: rotate(-90deg); и какой-нить transform-origin, наиболее удобный.
Условно так:

Других (адекватных) вариантов собственно и нет.

Очевидно, что он цепляется по id к tracking-widget-script. Поищите в документации, что можно поменять или обратитесь к ним в поддержку.

href="AD" -> href="/ad"
Без косой черты - путь относительно текущего.
Ну и регистр имеет значение(не всегда, но может неприятно удивить).

Сделать октоторп элементом стиля, а не частью слова:

.nav-link::before {
    content: '#';
    font-weight: bold;
    color: #f0f;
}

Эмодзи - часть юникода(будь прокляты те, кто это придумал), а значит часть шрифта. Просто заставь юзеров подгружать нужный тебе шрифт с нужным видом эмодзи. Если его поставить в конец списка, то первыми можно использовать любые иные(без встроенных эмодзи).

На сервере сохраняешь дату старта(серверную) при первом обращении и возвращаешь сколько осталось.
При последующих обращениях откуда угодно берёшь текущую дату на сервере и вычитаешь из неё стартовую, после чего возвращаешь сколько осталось.
На клиенте получаешь остаток и показываешь обычный таймер с этим числом работающий в клиентском времени.
Всё.

Никакая постоянная долбёжка сервера и синхронизация не нужна, если у юзера нет проблем с часами. Если есть(шанс на что пренебрежимо мал) - то это его проблемы, сервер всё рано знает точную дату.

Используй нормальный редактор с подсветкой синтаксиса. У тебя <a> не закрыты - из-за этого каждая следующая обвёрнута в предыдущую.

Как: через жопу.
С помощью чего: с помощью React.

Нативными средствами - нет. title приоритетнее чем alt.
Просто удали title. Ну или добавь скрипт, который это будет делать за тебя.

inline-block
flex wrap
grid auto