Android – Handling large vector illustrations

I have implemented three vector images in my app each one is assigned with a different cardview but their size is too big and android couldn’t handle it and every time I build and/or run the app I get a OutOfMemoryException another thread suggested that I should add this code to my manifest

<application
    android:largeHeap="true"
</application>

After doing that the app builds and runs successfully but is lagging when I scroll the cardviews.

Q: What is the best way to get rid of this lag ?

XML File

<RelativeLayout
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"
tools:context="com.hivemind.user_feed.Activities.IndexActivity">
<android.support.v4.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
    android:padding="8dp"
    android:background="@color/blue4"
    android:id="@+id/cardsContainer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
        <android.support.v7.widget.CardView
        android:foreground="?android:attr/selectableItemBackground"
        android:clickable="true"
        android:layout_width="match_parent"
        android:layout_marginBottom="4dp"
        android:layout_height="wrap_content"
        android:id="@+id/hotel_card"
        style="@style/MyCardViewStyleContent"
        android:layout_alignParentStart="true"
        android:layout_alignParentLeft="true">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/imageHotels"
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:scaleType="centerCrop"
                android:src="@drawable/hotel" />

            <TextView
                android:id="@+id/Hotels"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="?android:selectableItemBackground"
                android:padding="8dp"
                android:text="HOTELS"
                android:textStyle="bold"
                android:fontFamily="sans-serif"
                android:textColor="#333"
                android:textSize="18sp" />
        </LinearLayout>
    </android.support.v7.widget.CardView>
        <android.support.v7.widget.CardView
        android:foreground="?android:attr/selectableItemBackground"
        android:clickable="true"
        android:layout_width="match_parent"
        android:layout_marginBottom="4dp"
        android:layout_height="wrap_content"
        android:id="@+id/resto_card"
        style="@style/MyCardViewStyleContent"
        android:layout_alignParentStart="true"
        android:layout_alignParentLeft="true">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/imageResto"
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:scaleType="centerCrop"
                android:src="@drawable/restaurant" />

            <TextView
                android:id="@+id/textResto"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="?android:selectableItemBackground"
                android:padding="8dp"
                android:text="RESTAURANTS"
                android:textStyle="bold"
                android:fontFamily="sans-serif"
                android:textColor="#333"
                android:textSize="18sp" />
        </LinearLayout>
    </android.support.v7.widget.CardView>
        <android.support.v7.widget.CardView
        android:foreground="?android:attr/selectableItemBackground"
        android:clickable="true"
        android:layout_width="match_parent"
        android:layout_marginBottom="4dp"
        android:layout_height="wrap_content"
        android:id="@+id/clinic_card"
        style="@style/MyCardViewStyleContent"
        android:layout_alignParentStart="true"
        android:layout_alignParentLeft="true">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/imageClinic"
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:scaleType="centerCrop"
                android:src="@drawable/clinic" />

            <TextView
                android:id="@+id/textClinic"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="?android:selectableItemBackground"
                android:padding="8dp"
                android:text="CLINICS"
                android:textStyle="bold"
                android:fontFamily="sans-serif"
                android:textColor="#333"
                android:textSize="18sp" />
        </LinearLayout>
    </android.support.v7.widget.CardView>
    </LinearLayout>
</android.support.v4.widget.NestedScrollView>
</RelativeLayout>

And this is the JAVA class

public class IndexActivity extends Activity {

private CardView HotelCard;
private CardView RestoCard;
private CardView ClinicCard;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_index);

    HotelCard = (CardView) findViewById(R.id.hotel_card);
    RestoCard = (CardView) findViewById(R.id.resto_card);
    ClinicCard = (CardView) findViewById(R.id.clinic_card);

    HotelCard.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            goto_Hotel_List();
        }
    });

    RestoCard.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            goto_Resto_List();
        }
    });

    ClinicCard.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            goto_Clinic_List();
        }
    });

}

public void goto_Hotel_List(){
    /*Intent H = new Intent(this, HotelActivity.class);
    startActivity(H);*/
}

public void goto_Resto_List(){
    /*Intent R = new Intent(this, RestoActivity.class);
    startActivity(R);*/
}
public void goto_Clinic_List(){
    /*Intent C = new Intent(this, ClinicActivity.class);
    startActivity(C);*/
}
}