diff --git a/.gitignore b/.gitignore
index 9d90db4..bfafd47 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 __pycache__/
 static/audio/
+static/images
diff --git a/static/css/style.css b/static/css/style.css
index 879bd8d..c754296 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -4,7 +4,7 @@
 }
 
 .draggable img {
-  opacity: 0.7;
+  opacity: 0.75;
 #video2 {
   padding-top: 100px;
   position: relative;
diff --git a/templates/perspectiveB.html b/templates/perspectiveB.html
index 7a8ad87..dd35b1f 100644
--- a/templates/perspectiveB.html
+++ b/templates/perspectiveB.html
@@ -39,23 +39,45 @@ function EvalSound(soundobj) {
 
 <body>
 <div class="draggable" style="top:120px;left:40px">
-    <img src="../static/images/test1.jpeg" width='500px' onClick="EvalSound('song1'); return true;" alt="test">
+    <img src="../static/images/TheStreamRunsBlurry_scan.png" width='500px' onClick="EvalSound('song1'); return true;" alt="test">
 <audio id="song1" style="display: none; width: 0px; height: 0px;"
 src="../static/audio/feldenkrais_mai" controls preload="auto" autobuffer>
 </div>
 
 <div class="draggable" style="top:130px;left:50px">
-  <img src="../static/images/test2.jpeg" width='500px' onClick="EvalSound('song2'); return true;"  alt="test">
+  <img src="../static/images/ShallPass_scan.png" width='500px' onClick="EvalSound('song2'); return true;"  alt="test">
 <audio id="song2" style="display: none; width: 0px; height: 0px;"
 src="../static/audio/Clip26" controls preload="auto" autobuffer>
 </div>
 
 <div class="draggable" style="top:140px;left:60px">
-  <img src="../static/images/test3.jpeg" width='500px' onClick="EvalSound('song3'); return true;"  alt="test">
+  <img src="../static/images/NilgünMarmara_scan.png" width='500px' onClick="EvalSound('song3'); return true;"  alt="test">
 <audio id="song3" style="display: none; width: 0px; height: 0px;"
 src="../static/audio/FreshMythsDifferentTimes_performance_podcast.mp3" controls preload="auto" autobuffer>
 </div>
 
+
+<div class="draggable" style="top:150px;left:70px">
+    <img src="../static/images/fist_Scan.png" width='500px' onClick="EvalSound('song1'); return true;" alt="test">
+<audio id="song1" style="display: none; width: 0px; height: 0px;"
+src="../static/audio/feldenkrais_mai" controls preload="auto" autobuffer>
+</div>
+
+<div class="draggable" style="top:160px;left:80px">
+  <img src="../static/images/Coveredfigure_scan.png" width='500px' onClick="EvalSound('song2'); return true;"  alt="test">
+<audio id="song2" style="display: none; width: 0px; height: 0px;"
+src="../static/audio/Clip26" controls preload="auto" autobuffer>
+</div>
+
+<div class="draggable" style="top:170px;left:90px">
+  <img src="../static/images/AşıkVeysel_Scan.png" width='500px' onClick="EvalSound('song3'); return true;"  alt="test">
+<audio id="song3" style="display: none; width: 0px; height: 0px;"
+src="../static/audio/FreshMythsDifferentTimes_performance_podcast.mp3" controls preload="auto" autobuffer>
+</div>
+
+
+
+
   <!-- <div class="draggable">
       <img src="../static/images/test1.jpeg" width='500px'  alt="test" onclick="playAudio('../static/audio/FreshMythsDifferentTimes_performance_podcast.mp3')">
   </div>
