there is an overlapping at the bottom right corner. It is a square lying under a rectangle. How to remove the overlapping and make it looks 1 complete object?

cardview (it is my rectangle)

 <androidx.cardview.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardCornerRadius="8dp">

    <!-- Content inside the CardView -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:background="@drawable/no_border">

square xml code

<ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/square"
            android:layout_marginTop="-12dp"
            android:rotation="45"
            android:scaleType="centerInside"/>