Update app.py

app.py

@@ -108,8 +108,8 @@ def apply_neumorphic_style():
 
     /* Estilo para imagens */
     img {
-        width: 1800px;
-        height: 400px;
+        width: 400px;
+        height: 200px;
         overflow: hidden;
         position: relative;
         object-fit: cover;
@@ -1188,9 +1188,16 @@ elif selected == "Tratamentos":
 
 elif selected == "Efeitos Colaterais":
     st.title("🧠 Efeitos Colaterais e Receptores Associados")
-
-    st.write("### ")
-
+    add_vertical_space(3)
+    cp1,cp2,cp3 = st.columns([1,1,1])
+    with cp1:
+        st.image("ser.jpg")
+    with cp2:
+        st.image("nor.jpg")
+
+    with cp3:
+        st.image("dop.jpg")
+    add_vertical_space(3)
     # Dados dos efeitos colaterais e receptores associados
     receptor_effects = {
         "Serotoninérgicos (5-HT)": {
@@ -1328,9 +1335,11 @@ elif selected == "Efeitos Colaterais":
     st.write(
         pd.DataFrame(data, columns=columns).to_html(index=False), unsafe_allow_html=True
     )
-
+    add_vertical_space(3)
     # Visualização interativa
+    
     st.subheader("📊 Comparação de Efeitos Colaterais entre Receptores")
+    add_vertical_space(1)
     effect_options = list(set([effect for receptor in receptor_effects.values() for effect in receptor["Efeitos"].keys()]))
     selected_effects = st.multiselect("🔍 Selecione os efeitos colaterais para comparar:", effect_options)
 
@@ -1351,7 +1360,7 @@ elif selected == "Efeitos Colaterais":
 
     # Considerações especiais
     st.subheader("⚠️ Considerações Especiais")
-
+    add_vertical_space(2)
     col1, col2, col3 = st.columns(3)
     with col1:
         with st.expander("💊 Interações Medicamentosas", expanded=False):
@@ -1426,4 +1435,4 @@ text-align: center;
 <p>Desenvolvido por <a style='display: block; text-align: center;' href="https://dr-guilhermeapolinario.com/Dr.+Guilherme+Apolin%C3%A1rio" target="_blank">Dr. Guilherme Apolinário</a></p>
 </div>
 """
-st.markdown(footer,unsafe_allow_html=True)
+st.markdown(footer,unsafe_allow_html=True)