У меня есть фоновое изображение закрепленное anchors.fill: parent, с помощью

Question

У меня есть фоновое изображение закрепленное anchors.fill: parent, с помощью

анимации хочу изменять размеры изображения width и height, но из-за anchors.fill нельзя менять размеры. Если закреплю как anchors.centerIn: parent, то анимация работает и меняет размер изображения, но теряется возможность растягиваться по размеру окна.

Как сделать так, чтобы изображение подстраивалось под размер окна и при этом можно было менять размер через анимацию?

Чтобы понимать что происходит, фоновое изображение растянуто на все окно и я хочу при загрузке новой страницы уменьшать изображение на 50 пикселей и менять прозрачность, возврат на предыдущую страницу - возврат свойств изображения обратно. Пример анимации когда стоит anchors.centerIn
ParallelAnimation {
id: animGo

NumberAnimation {target: backgroundImg; property: "opacity"; to: 0.05; duration: 250}
NumberAnimation {target: backgroundImg; property: "height"; to: backgroundImg.height - 50; duration: 250}
NumberAnimation {target: backgroundImg; property: "width"; to: backgroundImg.width - 50; duration: 250}
}