Как анимировать картинку при прокрутке?

$(window).scroll(function(){
    if ($(window).scrollTop() > 1100) {
        $(".header img").animate({
            'margin-top': '1000px',
            'margin-left': '475px', 
            'width': '90%',
            'height': '100%',
        }, "500")
    } else  {
        $('.header img').animate({
            'margin-top': '-500px',
            'margin-left': '20px',
            'width': '180%',
        }, "200")
    }
});

<div class="header">
        <img src="src/img/большой_размер_льва.jpg" alt="lion" class="ImgBackg">
    </div>

.header {
    position: absolute;
}