title: Prevent CornerOverlapping in linearLayout
body: <p>an Imageview is a wrapped in a linearlayout. the linearlayout has a rounded background. I want the imageView not to overlap the rounded corners of the linearlayout. Cardview does something similar but I don't want all corners radius.</p>
  
  <p>Here's my snippet.</p>
  
  <pre><code>&lt;LinearLayout
          android:background="@drawable/bottom_sheet_top_stroke"
          android:layout_width="match_parent"
          android:layout_height="match_parent"&gt;
  
          &lt;com.github.chrisbanes.photoview.PhotoView
              android:id="@+id/preview"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:adjustViewBounds="true"
              android:minHeight="300dp"
              android:scaleType="center" /&gt;
  
      &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>bottom_sheet_top_stroke</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt;
      &lt;item
          android:top="0dp"
          android:left="-6dp"
          android:right="-6dp"
          android:bottom="-32dp"&gt;
  
          &lt;shape android:shape="rectangle"&gt;
              &lt;solid android:color="@color/dark"/&gt;
              &lt;stroke
                  android:width="5dp"
                  android:color="@color/white"/&gt;
              &lt;corners android:radius="40dp"/&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
  &lt;/layer-list&gt;
  </code></pre>
  
  <p>how do I achieve making sure the image is within the defined radius of the parent and not overlap.</p>