diff --git a/public/blob.svg b/public/blob.svg
new file mode 100644
index 0000000..94656d6
--- /dev/null
+++ b/public/blob.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" standalone="no"?>
+<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#F2F4F8" d="M45.1,-79.7C57.7,-70.9,66.4,-57.2,69.5,-43.1C72.6,-29,70,-14.5,71.7,1C73.5,16.5,79.6,33,75.1,44.6C70.6,56.2,55.4,63,41.1,70.5C26.9,78.1,13.4,86.3,-0.2,86.6C-13.7,86.9,-27.5,79.2,-40.1,70.7C-52.7,62.2,-64.3,53,-69.6,41.1C-74.9,29.2,-74.1,14.6,-72.7,0.8C-71.3,-13,-69.4,-26,-62.8,-35.7C-56.2,-45.5,-45,-52.1,-33.8,-61.6C-22.6,-71.1,-11.3,-83.5,2.5,-87.9C16.3,-92.2,32.6,-88.4,45.1,-79.7Z" transform="translate(100 100)" />
+</svg>
diff --git a/src/app/pages/login/login.component.html b/src/app/pages/login/login.component.html
index 491f88e..6307a5c 100644
--- a/src/app/pages/login/login.component.html
+++ b/src/app/pages/login/login.component.html
@@ -1,12 +1,13 @@
-<div class="flex flex-col items-center justify-center min-h-screen p-6 space-y-4 bg-white">
+<div class="flex flex-col items-center justify-center min-h-screen p-6 space-y-4">
     <img src="BeReady.png" alt="BeReady-Logo" class="w-1/3 max-w-xs">
 
 <!--    <p class="text-3xl font-extrabold text-center text-black">-->
 <!--        BeReady-->
 <!--    </p>-->
 
-    <p class="text-gray-500 text-sm text-center w-3/5 leading-snug">
+    <p class="text-gray-500 text-sm text-center w-3/5 leading-snug relative">
         Prêt à défier tes potes et prouver que t’es le meilleur ?
+        <img src="blob.svg" class="absolute -top-150 -left-50 -right-50 max-w-[200vw] -z-1">
     </p>
 
     <app-login-form class="mb-9"></app-login-form>