Update app.py

app.py

@@ -1,84 +1,65 @@
 import streamlit as st
 
-# Inject custom CSS for background with your image, gradient, and floral overlay
+# Inject custom CSS for a centered flower with your background and gradient
 st.markdown(
-    f"""
+    """
     <style>
-    /* General background with gradient, your image, and floral pattern */
-    html, body, [data-testid="stAppViewContainer"] {{
-        background-image: 
-            linear-gradient(
-                to bottom right, 
-                rgba(135, 206, 250, 0.5),  /* Light Sky Blue */
-                rgba(255, 223, 186, 0.5),  /* Soft Peach */
-                rgba(192, 192, 192, 0.5),  /* Bright Silver */
-                rgba(169, 169, 169, 0.5),  /* Gray */
-                rgba(240, 248, 255, 0.5),  /* Alice Blue */
-                rgba(173, 216, 230, 0.5)   /* Light Blue */
-            ),
-            url("https://huggingface.co/spaces/tahirsher/wellbeing_GenAI/blob/main/1.png"),
-            url("https://www.transparenttextures.com/patterns/flower.png"); /* Floral pattern */
-        background-size: cover, contain, 100px 100px; /* Adjust image sizes */
-        background-blend-mode: overlay, normal;
-        background-position: center, center, center;
+    /* General background with gradient */
+    html, body, [data-testid="stAppViewContainer"] {
+        background-image: linear-gradient(
+            to bottom right, 
+            rgba(135, 206, 250, 0.5),  /* Light Sky Blue */
+            rgba(255, 223, 186, 0.5),  /* Soft Peach */
+            rgba(192, 192, 192, 0.5),  /* Bright Silver */
+            rgba(169, 169, 169, 0.5),  /* Gray */
+            rgba(240, 248, 255, 0.5),  /* Alice Blue */
+            rgba(173, 216, 230, 0.5)   /* Light Blue */
+        );
+        background-size: cover;
         font-family: 'Arial', sans-serif;
-    }}
+        position: relative;
+    }
+    /* Flower in the center */
+    .flower {
+        position: absolute;
+        top: 50%; 
+        left: 50%; 
+        transform: translate(-50%, -50%);
+        width: 200px;
+        height: 200px;
+        background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/3/30/Red_flower.svg/1200px-Red_flower.svg.png");
+        background-size: contain;
+        background-repeat: no-repeat;
+    }
+    /* Animating the flower */
+    @keyframes rotate-flower {
+        0% { transform: translate(-50%, -50%) rotate(0deg); }
+        100% { transform: translate(-50%, -50%) rotate(360deg); }
+    }
+    .flower:hover {
+        animation: rotate-flower 4s linear infinite;
+    }
     /* Header slide-right animation */
-    @keyframes slide-right {{
-        0% {{
-            transform: translateX(-100%); /* Start off-screen to the left */
-        }}
-        100% {{
-            transform: translateX(0); /* End at the normal position */
-        }}
-    }}
-    /* Header slide-left animation */
-    @keyframes slide-left {{
-        0% {{
-            transform: translateX(100%); /* Start off-screen to the right */
-        }}
-        100% {{
-            transform: translateX(0); /* End at the normal position */
-        }}
-    }}
-    /* Header slide-right animation for the title */
-    .header-slide-right {{
+    @keyframes slide-right {
+        0% {
+            transform: translateX(-100%);
+        }
+        100% {
+            transform: translateX(0);
+        }
+    }
+    .header-slide-right {
         display: inline-block;
         animation: slide-right 2s ease-out;
-    }}
-    /* Subtitle slide-left animation */
-    .header_description {{
-        display: inline-block;
-        animation: slide-left 2s ease-out;
-    }}
-    /* Button styles */
-    .stButton button {{
-        background-color: #333333;
-        color: white;
-        border: 2px solid black;
-        padding: 10px 20px;
-        font-size: 16px;
-        cursor: pointer;
-    }}
-    .stButton button:hover {{
-        background-color: #555555;
-    }}
-    .stSelectbox select {{
-        background-color: #333333;
-        color: white;
-        border: 2px solid black;
-        padding: 10px 20px;
-        font-size: 16px;
-        cursor: pointer;
-    }}
-    .stSelectbox select:hover {{
-        background-color: #555555;
-    }}
+    }
     </style>
     """,
     unsafe_allow_html=True
 )
 
+# Add flower in the center
+st.markdown('<div class="flower"></div>', unsafe_allow_html=True)
+
 # Streamlit UI elements
 st.title("Word Cloud Application", anchor=None)
 st.markdown(