Update pages/0_Problem-Statement_and_Aim.py

pages/0_Problem-Statement_and_Aim.py

@@ -8,6 +8,15 @@ st.markdown("<h1 style='text-align:center; color:white;'>Problem Statement and A
 # Centered header for the Streamlit app
 st.markdown("<h2 style='text-align:center;'>Analyzing and classifying the consumer electronics sales.</h2>", unsafe_allow_html=True)
 
+st.markdown(
+    """
+    <div style="text-align: center;">
+        <img src="https://cdn-uploads.huggingface.co/production/uploads/67441c51a784a9d15cb12871/o_hx-CUYhb2kbgFHZpd9l.jpeg" width="70%" />
+    </div>
+    """, 
+    unsafe_allow_html=True
+)
+
 # Problem statement section with center alignment
 st.markdown("<h3>Problem Statement and Aim:</h3>", unsafe_allow_html=True)
 
@@ -19,7 +28,7 @@ st.markdown(
         <p><b>Problem Statement:</b> Given a dataset of consumer electronics sales, which includes customer demographics, product details, and satisfaction metrics, can we develop a classification model that can accurately predict whether a customer intends to purchase a product or not?</p>
         <p><b>Aim for this project:</b> The goal of this project is to build a robust end-to-end machine learning pipeline to classify customer purchase intent using the provided features. The steps will include data preprocessing, exploratory data analysis (EDA), feature engineering, model training, and evaluation. The final goal is to achieve the highest possible accuracy and generalization on unseen data.</p>
         <p><b>Key Objectives:</b></p>
-        <ul style="list-style-position: inside; text-align: center;">
+        <ul style="list-style-position: inside;">
             <li>Data Preprocessing, Feature Engineering</li>
             <li>Exploratory Data Analysis</li>
             <li>Model Creation & Evaluation</li>
@@ -30,14 +39,7 @@ st.markdown(
 )
 
 # Center-aligned image
-st.markdown(
-    """
-    <div style="text-align: center;">
-        <img src="https://cdn-uploads.huggingface.co/production/uploads/67441c51a784a9d15cb12871/o_hx-CUYhb2kbgFHZpd9l.jpeg" width="70%" />
-    </div>
-    """, 
-    unsafe_allow_html=True
-)
+
 
 # Background image with semi-transparent overlay
 background_image_url = "https://cdn-uploads.huggingface.co/production/uploads/67441c51a784a9d15cb12871/clljdAv7f_LGL8dH5vCZQ.jpeg"