Update week9.html

Labs/week9/week9.html

@@ -109,21 +109,21 @@
             margin-left: 0px;
 }
 .container {
-  position: relative;
-  max-width: 800px;
-  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: center
 }
 
-.container img {vertical-align: middle;}
+img {
+  max-width: 100%;
+  max-height:100%;
+}
 
-.container .content {
-  position: absolute;
-  bottom: 0;
-  background: rgb(0, 0, 0); /* Fallback color */
-  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
-  color: #f1f1f1;
-  width: 100%;
-  padding: 20px;
+.text {
+  font-size: 18px;
+  padding-left: 20px;
+}
+
     </style>
 </head>
 
@@ -154,10 +154,11 @@ <h1>Week 9: Audio Similarity and Transcription</h1>
 
       <h2>Task 1: Similarity</h2>
 
-    <div class="container">
-  <img src="photo_2023-11-25_18-38-02.jpg" style="width:100%;">
-  <div class="content">
-
+   <div class="container">
+      <div class="image">
+  <img src="photo_2023-11-25_18-38-02.jpg">
+</div>
+      <div class="text">
 <p>For this task, I used the same tracks as in the previous two weeks. By default, the collection folder already contained tracks 0-9. While our task was to replace the .CSV files for tracks 7-9, which are in the genre of modern academic music. And since tracks 0-3 from the default folder were classical music, we can see their similarity, which is shown in the matrix. </p>
 
  </div>