Анимированная смена картинки ImageView

Мой Xml файл имеет структуру

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.motion.widget.MotionLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container_quick_process"
    app:layoutDescription="@xml/scene_fragment_quick_process">

    <ImageView
        android:id="@+id/image"
        android:layout_width="0dp"
        android:layout_height="0dp"
        />

Хочу чтобы во время анимации в Image Полный круг поменялся в наполовину заполненный круг круги это 2 xml картинки, но не выходит