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

Очевидно же - задать фиксированную высоту для блочков.

Либо задать блокам display: inline-block; vertical-align: top;, там правда трабла будет с промежутками.

А вообще, конечно, самым правильным было бы использовать display: flex; и @supports {}.
Где работает flexbox - будет flexbox, а где нет - обычные inline-block или float left.

Если средствами CSS нельзя, из-за изменения размеров контентом.

Юзайте JS, отлавливайте самый высокий блочок и остальные выравнивайте с ним.
В принципе, JS смена высоты для таких задач - постоянная практика.

dotdotdot.js

Ну, так пошли его нахер.
Составь список изменений, которые нужны для оптимизации.
Пусть разработчик занимается.
По теме, база тебе не нужна, всё в админке есть.

Решил через Nginx linuxguru.ru/administration/pravelnyj-redirekt-s-h...

Ноль проблем)
Только нужно отрисовать дизайнеру, какое нужно поведение.
Просто масштабировать или менять направление, к примеру, можно по-разному.
В общем, нужно просто понимать, что хочет дизайнер.

https://arm1.ru/blog/html5-video-kak-fon-stranitsy
PS: 250 метров для сайта? Не завидую я вашим пользователям.

ru.crazysquirrel.ru/tools/generators/map-area

Градусы, размеры и остальное подбирайте под свою фигуру.
https://jsfiddle.net/v8v0swa4/

.div {
  width: 100px;
  height: 100px;
  border: 3px solid red;
  border-bottom: 0;
  position: relative;
}
.div:after, .div:before {
  position: absolute;
  content: '';
  width: 57px;
  border-top: 3px solid red;
  bottom: -11px;
}
.div:before {
  left: -4px;
  transform: rotate(20deg);
}
.div:after {
  right: -4px;
  transform: rotate(-20deg);
}

Оперативка обязательна. 5 раз пищит именно из-за нее.