WapSter

И в чем собственно сложность, очень простой блок.

Это работа бюджета. По дешевле делает верстальщик, но уже на свое усмотрение. А так дизайнера.

Чтобы элемент в центре не съезжал, его нужно вывести из потока при помощи pos:a или использовать grid layout

swiper js

В основном да. Самое сложное тут не в изображениях иконках, а в фонах. Вот хорошая статья, которая предлагает несколько способов реализации подмены изображения для фона. А так все ждут реализации полноценной image-set, вроде как apple и mazila работают над более граммотной спецификацией.

IntersectionObserver используется не только для lazy load, в основном это api избавляет от ресурсоемкого события scroll. А использовать ту или иную технологию зависит от тз, а не от мнения разработчиков. Если можно не поддерживать ie то и IntersectionObserver можно использовать.

через css этого нельзя сделать

https://developer.mozilla.org/ru/docs/Learn/HTML/M...

Обычные табы https://medium.com/@wangel13/pure-javascript-tabs-...
Еще можно путем подмены контента.

В чем сложность то? по хорошему стоит в обертку текст и иконку запихать, и ее уже позиционировать, код мне править лень думаю понятно сказал.

Всем блокам с изображениями задай высоту самого большого, и будет тебе счастье)

https://www.cssscript.com/vertical-full-screen-pag...

Пустой блок внизу, костыль но сработает. Отрицательный марджин на высоту меню. Меню сделать относительно позиционированным.

Примерно так

Научиться использовать DevTools браузера, вот и все. Это только для правок, полноценно с нуля что-то делать придется учить css.