Layout design is diffrent on android mobiles and emulator : i had designed android app and i when i open the app in emulator and mobile phone the designs are very bad , the buttons and images overlapped in design and it's very bad , how can i make it plz ??

[here is the design in android studio][1]


[here is the activity in BlueStacks][2]

    

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    <?xml version="1.0" encoding="utf-8"?>
    <android.support.constraint.ConstraintLayout 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="385dp"
        android:layout_height="510dp"
        android:orientation="vertical"
        tools:context="bishoy.homeactivity.Main2">

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="34dp"
            android:text="Christianity"
            android:textAllCaps="true"
            android:textColor="?attr/actionModeSplitBackground"
            android:textSize="40sp"
            android:textStyle="bold|italic"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <ImageView
            android:id="@+id/imageView3"
            android:layout_width="140dp"
            android:layout_height="140dp"
            app:srcCompat="@drawable/abomaar"
            tools:layout_editor_absoluteX="32dp"
            tools:layout_editor_absoluteY="289dp" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="140dp"
            android:layout_height="140dp"
            app:layout_constraintRight_toRightOf="parent"
            app:srcCompat="@drawable/anba"
            tools:layout_editor_absoluteY="289dp"
            android:layout_marginRight="36dp" />

        <ImageView
            android:id="@+id/imageView4"
            android:layout_width="140dp"
            android:layout_height="140dp"
            app:srcCompat="@drawable/quots"
            tools:layout_editor_absoluteX="209dp"
            tools:layout_editor_absoluteY="103dp" />

        <ImageView
            android:id="@+id/imageView5"
            android:layout_width="140dp"
            android:layout_height="140dp"
            android:layout_weight="1"
            app:layout_constraintLeft_toLeftOf="parent"
            app:srcCompat="@drawable/jesus"
            tools:layout_editor_absoluteY="103dp"
            android:layout_marginLeft="32dp" />

    </android.support.constraint.ConstraintLayout>


<!-- end snippet -->


  [1]: https://i.stack.imgur.com/h0iUy.png
  [2]: https://i.stack.imgur.com/XydBz.png