Update pages/1_Introduction.py

pages/1_Introduction.py

@@ -1,13 +1,15 @@
 import streamlit as st
 from PIL import Image
 import base64
+import io
 
 # Base64 encoded image string
 encoded_image = "UklGRrICBgBXRUJQVlA4IKrbBABQ9xCdASoABwAEPjEWiUOiISUmJZYbuMAGCWNsiXpgHwljA+sbSoKb/m/ZfJS/8fokeQ9+Mnxx"
 
-# Decode and display the image
-def get_base64_img(encoded_str):
-    return f"data:image/png;base64,{encoded_str}"
+# Decode Base64 string to image
+def decode_base64_image(encoded_str):
+    img_data = base64.b64decode(encoded_str)
+    return Image.open(io.BytesIO(img_data))
 
 # Title and introduction
 st.title('Understanding Machine Learning: Teaching Machines Like Children')
@@ -18,8 +20,9 @@ Machine Learning (ML) is like teaching a child to recognize things by showing ex
 In this app, we'll use the analogy of a father teaching his child to explain these key ML concepts.
 """)
 
-# Display the embedded image
-st.image(get_base64_img(encoded_image), caption='A father teaching his child by showing dog and cat pictures')
+# Display the image
+image = decode_base64_image(encoded_image)
+st.image(image, caption='A father teaching his child by showing dog and cat pictures')
 
 # Supervised Learning Explanation
 st.header('Supervised Learning')