Как бороться с элементами которые «залазят» друг на друга?
С помощь относительного и абсолютного позиционирования. 
Седону можно сделать через before и ему задать абсолютное позиционирование слева на 50% и отрицательный маргин на половину его ширины. И конечно привязать к верху (top:0)
С помощь относительного и абсолютного позиционирования. 
Седону можно сделать через before и ему задать абсолютное позиционирование слева на 50% и отрицательный маргин на половину его ширины. И конечно привязать к верху (top:0)