update

_sass/main.scss

@@ -245,18 +245,21 @@ a {
 
 #landing {
   background: url('/assets/img/fig_back.png') no-repeat center top; /* Imagen de fondo */
-  background-size: 100% 83%; /* La imagen tendrá el 50% del ancho y altura */
+  background-size: cover; /* Asegúrate de cubrir el contenedor */
   z-index: -1; /* Envía el fondo detrás del contenido */
-  color: $bg-color;             // Color del texto
-  display: flex;                  // Habilita flexbox
-  flex-direction: column;         // Alinea elementos en columna
-  justify-content: center;        // Centra verticalmente
-  align-items: center;            // Centra horizontalmente
-  height: 100vh;                  // Altura del viewport
-  padding: 10px;                // Espacio interno
-  text-align: center;             // Centra el texto
+  color: $bg-color; /* Color del texto */
+  display: flex; /* Habilita flexbox */
+  flex-direction: column; /* Alinea elementos en columna */
+  justify-content: center; /* Centra verticalmente */
+  align-items: center; /* Centra horizontalmente */
+  height: 100vh; /* Altura del viewport */
+  padding: 10px; /* Espacio interno */
+  text-align: center; /* Centra el texto */
+  border-radius: 50%; /* Esto crea la forma ovalada */
+  overflow: hidden; /* Oculta cualquier contenido que se desborde */
 }
 
+
 #landing .overlay {
   position: absolute;
   top: 0;
@@ -265,6 +268,8 @@ a {
   bottom: 0;
   background-color: rgba(135, 206, 250, 0.5); /* Color celeste con transparencia */
   z-index: 0; /* Justo encima de la imagen de fondo */
+  animation: blob 8s infinite alternate;
+  border-radius: 50%; /* Hace que la mancha tenga bordes redondeados */
 }
 
 .landing-title {
@@ -408,6 +413,24 @@ a {
       stroke: #1da1f2;
     }
   }
+
+  @keyframes blob {
+    0% {
+      transform: scale(0.8) translate(0);
+    }
+    25% {
+      transform: scale(1) translate(-10px, -10px);
+    }
+    50% {
+      transform: scale(1.1) translate(10px, 5px);
+    }
+    75% {
+      transform: scale(1) translate(-5px, 10px);
+    }
+    100% {
+      transform: scale(0.8) translate(0);
+    }
+  }
 }