diff --git a/models/bird_01.glb b/models/bird.glb
similarity index 100%
rename from models/bird_01.glb
rename to models/bird.glb
diff --git a/models/fish_01.glb b/models/fish.glb
similarity index 100%
rename from models/fish_01.glb
rename to models/fish.glb
diff --git a/models/previews/bird.jpg b/models/previews/bird.jpg
new file mode 100644
index 0000000..3b75751
Binary files /dev/null and b/models/previews/bird.jpg differ
diff --git a/models/previews/bowman.jpg b/models/previews/bowman.jpg
new file mode 100644
index 0000000..8f3e94c
Binary files /dev/null and b/models/previews/bowman.jpg differ
diff --git a/models/previews/fish.jpg b/models/previews/fish.jpg
new file mode 100644
index 0000000..76de2f1
Binary files /dev/null and b/models/previews/fish.jpg differ
diff --git a/scene_change.html b/scene_change.html
index 3ec18f7..e906cf4 100644
--- a/scene_change.html
+++ b/scene_change.html
@@ -50,12 +50,13 @@
       gap: 20px;
       padding: 20px 0;
     }
-    .item model-viewer {
+    .item img {
       width: 100%;
-      height: 200px;
+      height: auto;
       border-radius: 8px;
       cursor: pointer;
       background: #111;
+      display: block;
     }
     .item p {
       margin: 0.5em 0 0;
@@ -104,16 +105,16 @@
       </p>
 
       <div class="gallery">
-        <div class="item" onclick="openModel('bird_01')">
-          <model-viewer src="models/bird_01.glb" camera-controls disable-zoom></model-viewer>
+        <div class="item" onclick="openModel('bird')">
+          <img src="models/previews/bird.jpg" alt="Bird">
           <p>Bird 01 – Symbolic Avian Form</p>
         </div>
         <div class="item" onclick="openModel('bowman')">
-          <model-viewer src="models/bowman.glb" camera-controls disable-zoom></model-viewer>
+          <img src="models/previews/bowman.jpg" alt="Bowman">
           <p>Bowman – Archer Character Concept</p>
         </div>
-        <div class="item" onclick="openModel('fish_01')">
-          <model-viewer src="models/fish_01.glb" camera-controls disable-zoom></model-viewer>
+        <div class="item" onclick="openModel('fish')">
+          <img src="models/previews/fish.jpg" alt="Fish">
           <p>Fish 01 – Abstract Aquatic Creature</p>
         </div>
       </div>
@@ -130,7 +131,7 @@
           exposure="1"
           environment-image="neutral">
         </model-viewer>
-        <button class="back" onclick="closeModel()">&larr; Back to gallery</button>
+        <button class="back" onclick="closeModel()">&larr; backy</button>
       </div>
     </section>
   </main>
@@ -150,18 +151,18 @@
       document.querySelector('.gallery').style.display = 'grid';
     }
   </script>
-<script>
-  const h1 = document.querySelector("header h1");
-  h1.addEventListener("mouseenter", () => {
-    const maxSpacing = 12.0;
-    const spacing = Math.min(window.innerWidth / 500, maxSpacing);
-    h1.style.letterSpacing = spacing + "em";
-    h1.style.transition = "letter-spacing 5s ease";
-  });
-  h1.addEventListener("mouseleave", () => {
-    h1.style.letterSpacing = "";
-    h1.style.transition = "letter-spacing 1s ease";
-  });
-</script>
+  <script>
+    const h1 = document.querySelector("header h1");
+    h1.addEventListener("mouseenter", () => {
+      const maxSpacing = 12.0;
+      const spacing = Math.min(window.innerWidth / 500, maxSpacing);
+      h1.style.letterSpacing = spacing + "em";
+      h1.style.transition = "letter-spacing 5s ease";
+    });
+    h1.addEventListener("mouseleave", () => {
+      h1.style.letterSpacing = "";
+      h1.style.transition = "letter-spacing 1s ease";
+    });
+  </script>
 </body>
 </html>