SanistRay

<div class="slider">
            <div class="header-slider">
                <img src="/img/slider/header-1.png" width="1920" height="960px" alt="">
                <img src="/img/slider/header-2.jpg" width="1920" height="960px" alt="">
                <img src="/img/slider/header-1.png" width="1920" height="960px" alt="">
            </div>
            <div class="header-slider-effect">
                
            </div>

.slider {
    position: relative;
}

.header-slider img {
    position: relative;
}

.header-slider-effect {
    background: url(/img/header-bg.png);
    height: 969px;
    bottom: 0px;
    width: 1920px;
    position: absolute;
}

$(document).ready(function() {
    $('.header-slider').slick();
});