# Image plane not stable

**URL:** <https://forum.8thwall.com/t/image-plane-not-stable/1280>\
**Category:** Technical Support\
**Tags:** general\
**Created:** [May 4, 2024, 4:47pm UTC](https://forum.8thwall.com/t/image-plane-not-stable/1280 "2024-05-04T16:47:21Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Prashasti\_Kapadia](https://avatars.discourse-cdn.com/v4/letter/p/e9bcb4/32.png) [@Prashasti\_Kapadia](https://forum.8thwall.com/u/Prashasti_Kapadia)\
**Post date:** [May 4, 2024, 4:47pm UTC](https://forum.8thwall.com/t/image-plane-not-stable/1280/1 "2024-05-04T16:47:21Z")

</div>

I have an experience where I lay 2 3D models on the ground and have an image behind them floating in air. The image also has a text image added on top of it. I want the user to go close to the image to read, but it does not stay stable in the position and keeps moving back.

Code

```auto

<a-assets>
    <img id="bgImage" src="assets/bg_image.png"></a-asset-item>
    <img id="logoImage" src="assets/logo_image.png"></a-asset-item>
    <img id="textImage" src="assets/text_image.png"></a-asset-item>
  </a-assets>
<a-entity id="main" scale="1 1 1" position="0 -2 -10" shadow="receive: false">
    <!-- 3D model 1 -->
    <!-- 3D model 2 -->
    <a-entity position="5 15 -30">
      <a-image src="#bgImage" width="30" height="30"></a-image>
      <a-image src="#logoImage" width="10" height="10" position="0 8 1"></a-image>
      <a-image src="#textImage" width="20" height="20" position="0 -5 4"></a-image>
    </a-entity>
  </a-entity>

```

---

<div class="post-metadata">

**Author:** ![Ian](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/ian/32/430_2.png) [@Ian](https://forum.8thwall.com/u/Ian)\
**Post date:** [May 6, 2024, 6:55pm UTC](https://forum.8thwall.com/t/image-plane-not-stable/1280/2 "2024-05-06T18:55:16Z")

</div>

Can you share a link to a video and or a gif of what you are experiencing? More information would be helpful.