some width and overflow fixes

cns-iu · Oct 3, 2023 · 9f01d90 · 9f01d90
1 parent 11bf8a3
commit 9f01d90
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 40 deletions.
diff --git a/DevStory3.html b/DevStory3.html
@@ -162,13 +162,13 @@ <h1 style="font-size: 1.6em;">Something's NOT Registering!</h1>
 
         <div class="scene3-4">
             <img src="img/3-kidney1.svg" id="kidneypart1" class=" imageparts"
-                style="width: auto; height: auto; width:14%; left: 15%;top:25%;">
+                style="width: auto; height: auto; width:14%; left: 15%;top:20%;max-width: 200px;">
             <img src="img/3-kidney2.svg" id="kidneypart2" class=" imageparts"
-                style="width: auto; height: auto; width:15%; right: 15%;top:25%;">
+                style="width: auto; height: auto; width:15%; right: 15%;top:20%;max-width: 200px">
             <img src="img/3-kidney3.svg" id="kidneypart3" class=" imageparts"
-                style="width: auto; height: auto; width:15%; left: 15%;bottom:25%;">
+                style="width: auto; height: auto; width:15%; left: 15%;bottom:20%;max-width: 200px">
             <img src="img/3-kidney4.svg" id="kidneypart4" class=" imageparts"
-                style="width: auto; height: auto; width:15%; right: 15%;bottom:25%;">
+                style="width: auto; height: auto; width:15%; right: 15%;bottom:20%;max-width: 200px">
 
         </div>
 
@@ -294,8 +294,8 @@ <h1 style="font-size: 1.6em;">Something's NOT Registering!</h1>
         <div class="talkbubble">
         </div>
 
-        <div class="scene3-8"> <img src="img/3tissueorgan.svg" id="kidneyorgan" class="imageintro3 imageparts"
-                style="width: auto; height: auto; width:30%; left: 50%;top:35%;"></div>
+        <div class="scene3-8"> <img src="img/3tissueorgan.svg" id="kidneyorgan" 
+                style="width: auto; height: auto; width:30%; left: 50%;top:35%;position: relative;"></div>
 
         <div class="talkbubble">
             <div class="squiggytalk" style="top:5%"><b>Squiggy:</b> Well, I see what's been registered already, but it
@@ -736,19 +736,19 @@ <h1 style="font-size: 1.6em;">Something's NOT Registering!</h1>
         }
     })
         .to("#kidneypart1", {
-            opacity: 1,
+            opacity: .8,
             delay: 1
         })
         .to("#kidneypart2", {
-            opacity: 1,
+            opacity: .8,
             delay: 1
         })
         .to("#kidneypart3", {
-            opacity: 1,
+            opacity: .8,
             delay: 1
         })
         .to("#kidneypart4", {
-            opacity: 1,
+            opacity: .8,
             delay: 1
         })