Update pages/introds.py

pages/introds.py

@@ -4,46 +4,7 @@ import numpy
 st.markdown("<h1 style='text-align: center; color: Balck;'>Introduction To Data Science</h1>", unsafe_allow_html=True)
 st.markdown("<h2 style='color: Black;'>CSS background </h2>", unsafe_allow_html=True)
 st.markdown(
-    "<p style='font-size: 16px; color: Blue; font-style: italic;'>")
-
-# CSS for styling with the background image
-custom_css = """
-<style>
-/* General styling for the image */
-.styled-image {
-    max-width: 100%; /* Ensure the image is responsive */
-    height: auto; /* Maintain aspect ratio */
-    border-radius: 15px; /* Rounded corners */
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
-    border: 5px solid #ffffff; /* Optional border with white color */
-    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transitions */
-}
-
-/* Hover effect */
-.styled-image:hover {
-    transform: scale(1.05); /* Slight zoom effect */
-    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
-    border-color: #4caf50; /* Change border color on hover */
-}
-
-/* Caption styling */
-.image-container {
-    text-align: center;
-    margin: 20px 0;
-}
-
-.image-caption {
-    margin-top: 10px;
-    font-size: 1rem; /* Adjust font size */
-    color: #555; /* Gray color for caption text */
-    font-style: italic;
-}
-</style>
-"""
-# Apply custom CSS
-st.markdown(custom_css, unsafe_allow_html=True)
-# Page Title
-st.markdown("<h1> Data science </h1>", unsafe_allow_html=True)
+    "<p style='font-size: 16px; color: Blue; font-style: italic;'>"
 # Section: What is Data Science?
 st.markdown("""
 <div class="section">