чето не видно никакого пустого пространства, в зоне видимости, а в конце если , после последнего блока, так их же 7 у вас, а чтобы не было дырки , надо чтобы было кратно 4 потом что в зоне видимости 4 , то есть 8 хотя бы а не 7
для того чтобы фон одного блока залазил поверх фона другого, надо чтобы у того блока, чей фон сверху будет был выше z-index, а чтобы все было хорошо видно еще и опасти надо поставить меньше 1 , блок с телефоном может быть отдельным от верхнего и нижнего блоком, то есть не принадлежать им и тогда ставьте го куда хотите
Роман: ссылка "не туда", это "только актив " может занчить очень многое , смотря что он делает с элементами, если только цвет менят, тогда ничего не сломается, а если например, что-то всталвляет в разметку или удалаяет (display:none; - например )тогда очень даже сломается
а зачем через фон? там что градиент какой-то сложный? задайте размер фона например 90% по высоте и ширине, а потом позицию фона как 5% от верха и 5% слева . как-то так