Как с помощью Jquery отобрать первый бэкграунд из 2-х для изменения его бэкграунд-position?
.login-page{
    .content {
        background: url(/assets/img/bg-bottom-login.png) no-repeat 0 100%, url(/assets/img/bg-top.png) no-repeat 0 0;
        background-size: 100% auto;
        .lt-ie9 &{
            background: url(/assets/img/bg-top.png) no-repeat 0 0;
        }
}
$('.login-page .content').animate({
  'background-position-y': '150%'
}, 10000, 'linear');
При вызове в консоле 
$('.login-page .content').css('background-position')
 получаю 
"0px 100%, 0px 0px", как потом выцепить именно первый бэкграунд и менять ему позишн