Android Studio - Неправильные позиции на 3D Grid на разных устройствах

Question

Я создаю свое первое приложение, поэтому извиняюсь, если этот вопрос кому-то не подходит.

Цель: настройка 3D-сетки с токенами.

Проблема: по-разному выглядят на каждом смартфоне.

1-й вариант: Gridlayout. Фон задается с помощью сетки изображения. Из-за разного размера плитки нет хорошего результата.

2-й вариант: вертикальная линейная планировка в сочетании с горизонтальной линейной планировкой для каждой строки. Фон вставляется в виде изображения. Та же проблема: жетоны не соответствуют плиткам. Код для этой попытки:

    <ImageView
    android:id="@+id/imageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:srcCompat="@drawable/grid" />

    <LinearLayout
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:layout_marginStart="78dp"
    android:layout_marginLeft="78dp"
    android:layout_marginTop="90dp"
    android:layout_marginEnd="78dp"
    android:layout_marginRight="78dp"
    android:layout_marginBottom="350dp"
    android:orientation="vertical"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_bias="0.0">

        <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            app:srcCompat="@drawable/officer" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            app:srcCompat="@drawable/officer" />

        <ImageView
            android:id="@+id/imageView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            app:srcCompat="@drawable/officer" />

        <ImageView
            android:id="@+id/imageView4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            app:srcCompat="@drawable/officer" />
    </LinearLayout>
</LinearLayout>

Изображение неправильных позиций