CSS - градиент на background

Есть рабочий код:

background:url('/wp-content/images/flag.png') #c6e3fe 7% 10px no-repeat;

Но я захотел всунуть градиент в это дело:

background:url('/wp-content/images/flag.png') linear-gradient(to bottom,  #ffffff 0%,#c6e3fe 100%) 7% 10px no-repeat;

И конструкция перестала работать.
Есть ли возможность всунуть в эту конструкцию градиент?
Пример на JSFiddle