diff --git a/assets/wordpress-logo.gif b/assets/wordpress-logo.gif
new file mode 100644
index 0000000..e1141bd
Binary files /dev/null and b/assets/wordpress-logo.gif differ
diff --git a/src/presentation/web/pages/landing/index.py b/src/presentation/web/pages/landing/index.py
index 203b8a2..d76fc9b 100644
--- a/src/presentation/web/pages/landing/index.py
+++ b/src/presentation/web/pages/landing/index.py
@@ -840,24 +840,24 @@ def wordpress_cloud_highlight() -> rx.Component:
                                     </g>
                                     
                                     <!-- Data Packets - Enhanced Animation -->
-                                    <circle r="5" fill="#6DD1E5" class="data-packet" filter="url(#strong-glow)">
+                                    <circle r="4" fill="#6DD1E5" class="data-packet" filter="url(#strong-glow)">
                                         <animateMotion dur="2s" repeatCount="indefinite" path="M160,180 Q120,200 85,225"/>
                                     </circle>
-                                    <circle r="5" fill="#4DB8C4" class="data-packet" filter="url(#strong-glow)">
+                                    <circle r="4" fill="#4DB8C4" class="data-packet" filter="url(#strong-glow)">
                                         <animateMotion dur="2s" repeatCount="indefinite" begin="0.7s" path="M160,180 Q120,200 85,225"/>
                                     </circle>
                                     
-                                    <circle r="5" fill="#6DD1E5" class="data-packet" filter="url(#strong-glow)">
+                                    <circle r="4" fill="#6DD1E5" class="data-packet" filter="url(#strong-glow)">
                                         <animateMotion dur="1.8s" repeatCount="indefinite" path="M160,180 L160,235"/>
                                     </circle>
-                                    <circle r="5" fill="#4DB8C4" class="data-packet" filter="url(#strong-glow)">
+                                    <circle r=4" fill="#4DB8C4" class="data-packet" filter="url(#strong-glow)">
                                         <animateMotion dur="1.8s" repeatCount="indefinite" begin="0.6s" path="M160,180 L160,235"/>
                                     </circle>
                                     
-                                    <circle r="5" fill="#6DD1E5" class="data-packet" filter="url(#strong-glow)">
+                                    <circle r="4" fill="#6DD1E5" class="data-packet" filter="url(#strong-glow)">
                                         <animateMotion dur="2.1s" repeatCount="indefinite" path="M160,180 Q200,200 235,225"/>
                                     </circle>
-                                    <circle r="5" fill="#4DB8C4" class="data-packet" filter="url(#strong-glow)">
+                                    <circle r="4" fill="#4DB8C4" class="data-packet" filter="url(#strong-glow)">
                                         <animateMotion dur="2.1s" repeatCount="indefinite" begin="0.8s" path="M160,180 Q200,200 235,225"/>
                                     </circle>
                                     
@@ -902,7 +902,7 @@ def wordpress_cloud_highlight() -> rx.Component:
                             width="100px",
                             height="100px",
                             position="absolute",
-                            top="2%",
+                            top="46%",
                             left="50%",
                             transform="translate(-50%, -50%)",
                             z_index="3",