Update teacher_version.html

teacher_version.html

@@ -75,16 +75,6 @@
             max-height: 80vh;
             object-fit: contain;
         }
-        .door .result-img {
-            width: 70%; /* 糖果和豪宅圖片縮小 */
-            height: auto;
-            max-height: 70%;
-            object-fit: contain;
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-        }
         #message {
             font-size: 1.2em;
             margin: 10px 0;
@@ -138,7 +128,7 @@
             .door {
                 max-width: 30%;
             }
-            .door img, .door .result-img {
+            .door img {
                 max-height: 40vh;
             }
             button {
@@ -155,7 +145,7 @@
             .door {
                 max-width: 30%;
             }
-            .door img, .door .result-img {
+            .door img {
                 max-height: 30vh;
             }
             button {
@@ -271,7 +261,7 @@
                 revealedDoor = Math.floor(Math.random() * 3);
             } while (revealedDoor === playerChoice || revealedDoor === prizeDoor);
 
-            doors[revealedDoor].innerHTML = '<img src="candy.jpg" alt="糖果" class="result-img">';
+            doors[revealedDoor].innerHTML = '<img src="candy23.jpg" alt="糖果">';
             doors[revealedDoor].style.pointerEvents = "none";
 
             document.getElementById("message").innerHTML = 
@@ -295,9 +285,9 @@
             const doors = document.getElementsByClassName("door");
             for (let i = 0; i < 3; i++) {
                 if (i === prizeDoor) {
-                    doors[i].innerHTML = '<img src="house.jpg" alt="豪宅" class="result-img">';
+                    doors[i].innerHTML = '<img src="h2.jpg" alt="豪宅">';
                 } else {
-                    doors[i].innerHTML = '<img src="candy.jpg" alt="糖果" class="result-img">';
+                    doors[i].innerHTML = '<img src="candy23.jpg" alt="糖果">';
                 }
             }