Как поместить два изображения в две прозрачные части фона?

Question

Я пытаюсь создать фотоколлаж с 2 изображениями. У меня есть фоновое изображение с 2 прозрачными частями, разделенными границей. Я хочу поместить два разных изображения в эти две части, и изображения можно перемещать, перетаскивать и масштабировать. Однако 1 изображение должно оставаться в 1 прозрачной части, и оно не должно быть в состоянии перейти к другой прозрачной части. То же самое для 2-го изображения. У меня проблема в том, что при увеличении изображение может оказаться в обеих прозрачных частях.

Вот пример фото для демонстрации. Зеленая часть - это фон (это будет реальное изображение в живом приложении), а 2 белые части представляют прозрачность в png-файле. Я хочу разместить 1 изображение в каждом из двух белых кружков.

Вот код

    <ImageView
        android:id="@+id/imgPhoto"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

    <ImageView
        android:id="@+id/imgPhoto2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

    <ImageView
        android:id="@+id/imgBackground"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitXY"
        />