Картинка злезает на футер при скролле

Всем привет!

При скролле страницы вниз картинка залезает на футер. Как это исправить и ограничить скролл картинки границами дива? (если я думаю в правильном направлении). Линк на страницу:
http://tek.lv/index.php/ru/raschitat-smetu

Картинка имеет наложенные слои (11шт) через свойство z-index, все слои с бэкграундом находятся в отдельном диве. В зависимости от выбранных чекбоксов накладываются те или иные слои на картинку.

css для дива со слоями и фоновой картинкой:

.image-right {
    width: 50%;
    float: left;    
}

для картинок:

.my-image {
    width: 30%;
    justify-items: center;
    margin-top: 0px;
    margin-left: 20px;    
}

для слоев:

.img_layer_smeta {
    position: fixed;
    z-index: 1;
}