Картинки по 1,5Мб никуда не годится. Пережимайте через сервисы или уменьшайте разрешение картинок.

И jquery.coookie.js пути проверьте, он должен открываться по пути сайт/js/jquery.cookie.js.

Обязательно на JQ? Можно сделать на простом CSS.

.block {
 width: 100px;
 height: 100px;
 background: red;
 opacity: 0;
}

.block:hover {
 opacity: 1;
}

Или

.block {
 width: 100px;
 height: 100px;
 background: red;
 display: none;
}

.block:hover {
 display: block;
}

Также можно добавить плавное появление.

.block {
 width: 100px;
 height: 100px;
 background: red;
 opacity: 0;
}

.block:hover {
 opacity: 1;
 transition: .3s;
}

Для нужного блока, который должен быть поверх остальных задать свойство CSS:

.block1 {
   z-index: 999;
}

И этим свойством можно делать различные наложения блоков, например:

.block1 {
   z-index: 1;
}
.block2 {
   z-index: 2;
}
.block3 {
   z-index: 3;
}

Соответственно block3 будет самый верхний, а block1 самый нижний, т.е чем выше значение z-index, тем выше блок.