Необходимо улучшить адаптив лэндинга на HTML

Необходимо улучшить адаптивность одностраничного лэндинга на HTML для корректного отображения на мобильных устройствах и при изменении размеров окна браузера. Текущие задачи: Отступы между блоками: На мобильных устройствах отступы между блоками слишком маленькие или отсутствуют вовсе, из-за чего элементы выглядят перегруженными. Настроить равномерные и пропорциональные отступы между блоками на всех разрешениях, чтобы сайт выглядел аккуратно и читабельно. Дорожная карта: Дорожная карта должна красиво масштабироваться на мобильных устройствах. Настроить, чтобы элементы дорожной карты (круги, линии, стрелки и текст) выстраивались вертикально на узких экранах, с сохранением пропорций и читаемости. Обеспечить плавное переключение между горизонтальным и вертикальным отображением карты в зависимости от ширины экрана. Сделать так, чтобы при уменьшении ширины окна браузера все блоки сайта плавно подстраивались один за другим. Убедиться, что на разных разрешениях: Контент остаётся пропорциональным, Не появляются наложения или искажения, Блоки сохраняют аккуратный вид с адекватными отступами от краёв экрана. Что нужно сделать: Настроить CSS медиа-запросы для реализации адаптивной верстки. Исправить отступы между всеми блоками сайта, чтобы они были одинаковыми и пропорциональными на всех разрешениях. Настроить дорожную карту для корректного отображения на всех устройствах. Добавить плавную адаптацию при изменении размеров окна браузера.