Сергей Горячев

https://www.jqueryscript.net/demo/Attractive-jQuer...
https://www.jqueryscript.net/demo/Colorful-Circula...
По тому же принципу.
Но проще будет просто картинками.
При загрузке страницы повернуть круг на нужный градус в соответствии с минутами, секундами.
А потом анимировать rotate.

Без кода, хз конечно, но на всякий случай (в чем сам пару раз косячил).
Css должен быть подключен через <link href="">, а не через <link src=""> или что-то другое)))
Ну и наличие rel="stylesheet" проверить на всякий.

https://jsfiddle.net/61ygvr85/2/
ты ее сам двигаешь туда-сюда транслейтом, и удивляешься, что у тебя прыгает

Любую CMS, которую знаете.
Либо без гемороя, подключить сообщество Вконтакте и размещать туда, чтобы отображалось на сайте.
С API VK можно даже поработать, вытаскивать картинки для галереи из фотографий, а новости из ленты или обсуждений.
Для простых сайтов без систем управления иногда так делают.
Особенно, если заказчик "дуб дубом" в админках.

html
<div class="section"></div>

css

.section {
background: url('...') 50% 50% / cover no-repeat #color;
position: relative;
z-index: 1;
}
.section:after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
left: 0;
z-index: 2;
background: url('...')... // png либо svg
}

либо Как реализовать с помощью SVG?
https://codepen.io/sfi0zy/pen/PbNEeq?editors=1000

html

<div class="section">
    <svg></svg>
</div>

css

.section {
background: url('...') 50% 50% / cover no-repeat #color;
position: relative;
z-index: 1;
}
.section svg {
content: "";
position: absolute;
bottom: 0;
width: 100%;
left: 0;
z-index: 2;
}

Селекторы атрибутов
htmlbook.ru/samcss/selektory-atributov
jsfiddle.net/p39kr5cs

Разберешься :)

svg + box-shadow
https://tympanus.net/codrops/2013/10/03/a-collecti...
https://tympanus.net/Development/SectionSeparators/

вот эту волну svg-шкой, а здание ниже и текст div2 через margin-top приподнять


ps: но ввиду особенной геморройности я бы сделал картинками :)))

Кто как адаптивно верстает 50% бэкграунды (слева одна картинка, справа другая)?

Что конкретно исправить, я хз, копаться в сайте чужом - неблагодарное дело.
Подсказать, подскажу, куда копать и как исправить примерно.

В сафари и на айфонах, телефоны оборачиваются в ссылку <a href="tel:#">+79107654321<a>по умолчанию.
То есть, тебе нужно отменить эти стили, найти, где они применятся и убрать.
Либо переопределить, через !important к примеру.


Вот для этого выделенного блока прописать что-то типа.

.section-contact a {
  background: none !important;
  color: #ffffff !important;
}

Ну и по аналогии любые свойства, мешающие отображению.

input, input:focus {
  outline: none;
}