Black Tulip

.header{
background-color: #435061;
width: 1280px;
height: 323px;
padding-top: 1px;
box-sizing: border-box;
}

Тогда ваш отступ будет включается в высоту блока

$(".points").click(function(){
    $(".text-block").slideToggle("slow");
});

где .points - блок с точками на которые нужно нажимать для открытия блока с текстом,
.text-block - блок с информацией, которая скрывается

Тебе нужно отделить фон от самых картинок и вставлять их отдельно. То есть у тебя будет 3 картинки: фон, левая пара очков и правая пара очков. А для изменения наложение элементов есть css свойство z-index, нужно выставить его для очков больше,чем у текста
Вот подробно можешь про это htmlbook.ru/css/z-index