Как центрировать ImageView на краю карты?

У меня такой макет:

Мой xml для этого макета:

<?xml version = "1.0" encoding = "utf-8"?>
<ScrollView
xmlns:android = "http://schemas.android.com/apk/res/android"
xmlns:app = "http://schemas.android.com/apk/res-auto"
xmlns:tools = "http://schemas.android.com/tools"
android:layout_width = "match_parent"
android:layout_height = "match_parent"
android:fillViewport = "true"
tools:context = ".view.testviews.ProfileFragment"
android:background = "@color/colorDarkGrey">
<LinearLayout
    android:layout_width = "match_parent"
    android:layout_height = "wrap_content"
    android:orientation = "vertical">

    <androidx.cardview.widget.CardView
        android:layout_width = "match_parent"
        android:layout_height = "150dp"
        android:layout_marginStart = "20dp"
        android:layout_marginTop = "100dp"
        android:layout_marginEnd = "20dp"
        app:cardCornerRadius = "16dp">
        <FrameLayout
            android:layout_gravity = "center_horizontal"
            android:layout_width = "100dp"
            android:layout_height = "100dp"
            android:layout_marginTop = "-50dp">

            <de.hdodenhof.circleimageview.CircleImageView
                android:id = "@+id/profile_image"
                android:layout_width = "match_parent"
                android:layout_height = "match_parent"
                android:layout_gravity = "center_horizontal"
                android:src = "@drawable/user_image_placeholder"
                app:civ_border_color = "#FF000000"
                app:civ_border_width = "2dp">
            </de.hdodenhof.circleimageview.CircleImageView>

        </FrameLayout>
    </androidx.cardview.widget.CardView>
</LinearLayout>

Я пытаюсь центрировать circleImageView на краю cardView. Но верхняя его часть невидима. Я искал похожие вопросы, но они не соответствовали моим требованиям. Как я могу этого добиться?

Итак, я попробовал решение @PPartisan, и оно сделало его таким:

Код для этого:

<?xml version = "1.0" encoding = "utf-8"?>
<ScrollView
xmlns:android = "http://schemas.android.com/apk/res/android"
xmlns:app = "http://schemas.android.com/apk/res-auto"
xmlns:tools = "http://schemas.android.com/tools"
android:layout_width = "match_parent"
android:layout_height = "match_parent"
android:fillViewport = "true"
tools:context = ".view.testviews.ProfileFragment"
android:background = "@color/colorDarkGrey">
<androidx.coordinatorlayout.widget.CoordinatorLayout
    android:layout_width = "match_parent"
    android:layout_height = "wrap_content"
    android:orientation = "vertical">

    <androidx.cardview.widget.CardView
        android:id = "@+id/cardView2"
        android:layout_width = "match_parent"
        android:layout_height = "150dp"
        android:layout_marginStart = "20dp"
        android:layout_marginTop = "150dp"
        android:layout_marginEnd = "20dp"
        app:cardCornerRadius = "16dp">
    </androidx.cardview.widget.CardView>

    <de.hdodenhof.circleimageview.CircleImageView
        android:id = "@+id/profile_image"
        android:layout_width = "100dp"
        android:layout_height = "100dp"
        android:layout_gravity = "center_horizontal"
        android:layout_marginTop = "90dp"
        android:src = "@drawable/user_image_placeholder"
        app:civ_border_color = "#FF000000"
        app:civ_border_width = "2dp"
        >
    </de.hdodenhof.circleimageview.CircleImageView>


</androidx.coordinatorlayout.widget.CoordinatorLayout>