added popup image

static/css/style.css

@@ -35,8 +35,8 @@
 }
 
 .media_area img {
-  width: 200px;
+  width: 400px;
-  height: 150px;
+  /*height: 150px;*/
 }
 
 .link {

templates/hello.html

@@ -28,10 +28,13 @@
       <div class="col-md-10">
         <div class="media_area">
           <!-- <p>Related media</p> -->
-          <div id="showdadaloglu"><div class='text_audio'>Audio for Dadaloglu</div><audio id="audiodadaloglu" controls>
+          <div id="showdadaloglu"><div class='text_audio'>Bio</div>
+            <!-- <audio id="audiodadaloglu" controls>
               <source src="../static/audio/HNI_Soundinstall_3tracks_together1.mp3" type="audio/mpeg">
               Your browser does not support the audio tag.
-            </audio></div>
+            </audio> -->
+            <img src="../static/images/poem.png">
+          </div>
 
           <div id="showasikA"><div class='text_audio'>Bio Aşık Ali İzzet</div><iframe width="560" height="280" src="https://www.youtube.com/embed/AnsVY_gjJns" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>