animate ()에 대해 javascript/jQuery로 중요!

background-position-x에 애니메이션을 적용하고 싶지만 background-position: 0 0 !important; 가 있습니다.  내가 제거 할 수없는 CSS에. 자바 스크립트로 그 주위에 어떤 방법이 있습니까? 내 jQuery 코드가 작동하고 있음을 알았습니다 .CSS 값이 우선합니다.

구글 검색했는데 !important 를 추가 할 수없는 것 같습니다  내 애니메이션 기능에.

// 편집. 순수한 CSS로 이것을 할 수 있다면 더 좋을까요 ??

감사합니다!

jQuery(document).ready(function($) {
  $('.section').animate({
    'background-position-x': '100%'
  }, 100000, 'linear');
});

// Edit 2. 이것은 실제로 작동하는 것 같습니다 :

@-webkit-keyframes animatedBackground {
  from {
    background-position: 0px 0px; }
  to {
    background-position: 100% 0px; } 
}
.section {
  -webkit-animation: animatedBackground 200s linear infinite;
  -moz-animation: animatedBackground 200s linear infinite;
  animation: animatedBackground 200s linear infinite; 
}

// Edit 3. 사실, FF는 여전히! important로 재정의하고 keyframes 블록 안에! important를 추가해도 아무런 효과가없는 것처럼 보입니다. 아이디어? 감사합니다!