iBird Rose

у тебя дофига мест, где ты жестко задаешь width элементам. к примеру:
.otz {width: 566px;}
.aboutbg {width: 951px;}
проверь все места и в адаптиве обработай их. width: 100% к примеру задай.

в bootstrap 5 есть css переменные для этого

.row {
	--bs-gutter-x: 60px;
}

Вид -> Отображать пробелы
View -> Render Whitespace

https://alvarotrigo.com/blog/fullpage-best-alternative/

любой ноутбучный дисплей будет неудобнее чем полноценный десктоп. если ты привык к своим 24", то тебе одинаково неудобно будет что на 13", что на 16". поэтому переплачивать за 16", если тебе кроме дисплея от него больше ничего не нужно - смысла нет.

контейнер можно разделять https://jsfiddle.net/u29e3g65/1/

у тебя index.html находится в папке images. значит тебе не нужно писать для картинки images/

по твоей ссылке https://github.com/snapappointments/bootstrap-select/
и он работает в 5 Bootstrap

тут по сути тебе 2 плагина найти:
1) соединительные линии по типу https://github.com/anseki/leader-line
2) и плагин для перетаскивания по типу https://interactjs.io/

fixed внутри fixed так и будет себя вести. варианта 2:
1) выноси эту кнопку за пределы первого fixed блока
2) сделай эту кнопку не fixed, а как продолжение менюшки. т.е. overflow: auto; задай только самой менюшке, а родителю, к примеру height: 100vh. примерно так https://jsfiddle.net/znq4rp9b/