furashcka

На самом деле здесь можно разглядеть сетку, есть три колонки, я бы сначала расставил картинки по колонкам, а потом при помощи css transform добился нужного позиционирования, это немного улучшит дальнейшее адаптивность под моб. устройства

У вас блоки некоторые шириной больше чем 100%, они влияют, добавьте блоку родителю overflow: hidden, я на главной странице добавил для botfooter-wrapper

Накидал демо, используя один аккордеон для двух вариантов отображение, возможно пригодится https://jsfiddle.net/furashcka/gdhnmw4r/

Соглашусь с ksnk , лучшее решение в вашем случае будет задать одинаковою высоту для заголовков, если вы на 100% знаете что размер заголовка никогда не займёт больше чем 2 строки, то смело задавайте высоту в css, если не уверены, то я бы на вашем месте применил js, а именно вот эту библиотеку https://github.com/liabru/jquery-match-height, она понимает что элементы, которые находятся в разных уровнях DOM, находятся на одной высоте, и к таким элементам применяет css height, чтобы сделать одной высоты

Контейнер с overflow: hidden; который содержит дочерний элемент c тенью
www.cssmatic.com/box-shadow

Попробуйте добавить к .global_wrapper position: fixed; точнее к .body_overflow на видео видно что шапка не дергается, так как контент, по всему она имеет position: fixed;