How to position image on rim of large circular image?

Question

i need to achieve following design:

need to position small photo image on outer rim of big avatar image.

   <ImageView
            android:id="@+id/img_avatar"
            android:layout_width="@dimen/_130dp"
            android:layout_height="@dimen/_130dp"
            android:layout_below="@+id/img_back"
            android:layout_marginStart="@dimen/_20dp"
            android:layout_marginTop="@dimen/_30dp"
            android:adjustViewBounds="true"
            android:background="@drawable/double_circle"
            android:padding="@dimen/_10dp"
            android:scaleType="fitXY"
            android:src="@drawable/image_avatar" />


        <com.google.android.material.imageview.ShapeableImageView
            android:id="@+id/img_photo"
            android:layout_width="@dimen/_20dp"
            android:layout_height="@dimen/_20dp"
            android:layout_below="@+id/img_back"
            android:layout_marginTop="@dimen/_120dp"
            android:layout_marginStart="@dimen/_130dp"
            tools:src="@drawable/icon_photo"
            app:shapeAppearanceOverlay="@style/ShapeAppearance.CircularBorder" />

If i use margins to position small image, position is not good when testing on larger devices.I can only use relative and linear layouts.What is the best way to solve this?