previous image view gets overwritten by new image view after making it | ARCORE

I am having a problem with my AR object's pop up view. I can place one AR object and then its view shows the correct image. But then, if i were to place a new AR object, the previous images will get overwritten by the new one. So, for example, if i place a laptop object, its image will be a laptop. But then if i place a new object like the notebook, the laptop's image will get overwritten with that new one.

Here is a visual representation of what i am talking about:

I have tried different methods but still same result.

This is how they're declared:

private String objectName;
private int resID;

Here is where I place the object:

arFragment.setOnTapArPlaneListener(
                (HitResult hitResult, Plane plane, MotionEvent motionEvent) -> {

                    if (plane.getType() != Plane.Type.HORIZONTAL_UPWARD_FACING){
                        return;
                    }
                    Anchor anchor = hitResult.createAnchor();
                    arranchors.addElement(anchor);

                    placeObject(arFragment, arranchors.lastElement(), selectedObject);

                    if(arranchors.size() >1)
                    {
                        spreadapart();
                    }
                }
        );

Here is how the different objects, object names, their images is picked:
(btw, object names also has this problem)

private void InitializeAssetsMenu(){
        LinearLayout gallery = findViewById(R.id.asset_layout);

        ImageView pencil = new ImageView(this);
        pencil.setImageResource(R.drawable.pencil_thumb);
        pencil.setContentDescription("pencil");
        pencil.setOnClickListener(view -> {selectedObject = Uri.parse("Pencil_01.sfb");objectName= "Pencil"; resID= R.drawable.pencil_thumb;});
        gallery.addView(pencil);

        ImageView eraser = new ImageView(this);
        eraser.setImageResource(R.drawable.eraser_thumb);
        eraser.setContentDescription("eraser");
        eraser.setOnClickListener(view -> {selectedObject = Uri.parse("Eraser_01(1).sfb");objectName="Eraser"; resID= R.drawable.eraser_thumb;});
        gallery.addView(eraser);

        ImageView laptop = new ImageView(this);
        laptop.setImageResource(R.drawable.laptop_thumb);
        laptop.setContentDescription("laptop");
        laptop.setOnClickListener(view -> {selectedObject = Uri.parse("Laptop_01.sfb");objectName="Laptop"; resID= R.drawable.laptop_thumb;});
        gallery.addView(laptop);

        ImageView notebook = new ImageView(this);
        notebook.setImageResource(R.drawable.notebook_thumb);
        notebook.setContentDescription("notebook");

        notebook.setOnClickListener(view -> {selectedObject = Uri.parse("Notebook.sfb");objectName="Notebook"; resID= R.drawable.notebook_thumb;});
        gallery.addView(notebook);
    }

And here is where i make the image view:

private Node createInfoCard(TransformableNode parent){
        Node infoCard = new Node();
        infoCard.setParent(parent);
        infoCard.setEnabled(false);
        infoCard.setRenderable(cardRenderable);
        //TextView textView = (TextView)cardRenderable.getView();
        //textView.setText(this.objectName);
        ImageView imageView1 = (ImageView)cardRenderable.getView();
        imageView1.setImageResource(resID); //here we will have a variable that will have different image for each respective object.
        infoCard.setLocalPosition(new Vector3(0.0f, 0.25f, 0.0f));
        parent.setOnTapListener(
                (hitTestResult, motionEvent) -> {
                    infoCard.setEnabled(!infoCard.isEnabled());
                    spreadapart();
                });

        return infoCard;
    }

I'm sure the issue has to do with the variable resID but I just don't understand how it's causing the overwriting.