Update pages/Data Collection.py

pages/Data Collection.py

@@ -294,9 +294,9 @@ elif st.session_state.current_page == "explore_images_video":
 
     st.write("""
         <div style="text-align: left; margin-top: 20px;">
-            <h3 style="color: #5b2c6f;">Why is an Image Called a Grid-Like Structure?🔲✨</h3>
+            <h3 style="color: #5b2c6f;">Why is an Image Called a Grid-Like Structure?</h3>
             <p style="font-size: 16px; color: #333;">
-                Images are called **grid-like structures because they are composed of **pixels** arranged in rows and columns, 
+                Images are called **grid-like structures** because they are composed of **pixels** arranged in rows and columns, 
                 forming a rectangular grid. Each **pixel** contains information about **shape**, **color**, and **patterns**, which 
                 together define the image's content. 
                 The total number of **pixels** is determined by the image's height and width (resolution), and a higher resolution provides better clarity.
@@ -343,6 +343,18 @@ elif st.session_state.current_page == "explore_images_video":
     # Display the plot
     st.pyplot(fig)
 
+    st.write("""
+        <div style="text-align: left; margin-top: 20px;">
+            <h3 style="color: #5b2c6f;">What are color spaces?🎥✨</h3>
+            <p style="font-size: 16px; color: #333;">
+
+            </p>
+        </div>
+    """, unsafe_allow_html=True)
+
+
+    
+
 
     # Go Back Button
     if st.button("Go Back"):