diff --git a/content/index.blade.php b/content/index.blade.php
index 441e5f1..c2826a7 100644
--- a/content/index.blade.php
+++ b/content/index.blade.php
@@ -28,16 +28,21 @@
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
-    <div class="block" style="height: 500px;">
+    <div class="block" style="height: 100%;">
         <img src="{{$cover}}" data-speed="-1"   class="img-parallax" alt="{{config('settings.name')}} Cover" />
 
         <!--<x-img src="{{$cover}}" data-speed="-1"   class="img-parallax" alt="{{config('settings.name')}} Cover" />-->
 
 
-        <div class="card-img-overlay d-none d-lg-flex align-items-center" styles="border-radius:0; background: radial-gradient(rgba(0,0,0,.5) 20%,rgba(0,0,0,.1)); box-shadow:inset 0 0 3px 1px rgba(0,0,0,.1), inset 0 0 25px 2px rgba(0,0,0,.2);">
-            <div class="container p-3 rounded" style="width: 55vw; border-radius:0; background: radial-gradient({{$_primary_ci_color}}50,{{$_primary_ci_color}}30); box-shadow:inset 0 0 3px 1px {{$_primary_ci_color}}10, inset 0 0 25px 2px rgba(0,0,0,.2);">
+        <div class="d-none d-lg-flex" style="margin-top: 10%; margin-bottom: 8%;">
+            <div class="p-3 rounded container" style="width: 45vw;  background: rgba(255, 255, 255, 0.2);
+                border-radius: 16px;
+                box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+                backdrop-filter: blur(5px);
+                -webkit-backdrop-filter: blur(5px);
+                border: 1px solid rgba(255, 255, 255, 0.3);">
                 <h1 class="card-title text-white mb-5 text-center text-uppercase">{{config('settings.name')}}</h1>
-                <p class="card-text my-2 text-white fs-5">{{config('settings.description')}}</p>
+                <p class="card-text my-2 text-white fs-5">{{config('settings.description')}} Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis distinctio dolor ex impedit incidunt ipsum itaque, nostrum obcaecati quos rem! Aliquam cum dolore nulla omnis quasi qui sapiente tenetur voluptas.</p>
             </div>
         </div>
 
@@ -83,7 +88,7 @@
 });
                 </script>
 
-    <div class="card text-bg-dark border-0 d-none" style="border-radius:0; box-shadow:none;">
+    <div class="card text-bg-dark border-0 d-lg-none" style="border-radius:0; box-shadow:none;">
         <x-img src="{{$cover}}" style="object-fit:cover; aspect-ratio:3/1;" class="img-fluid shadow-lg" alt="{{config('settings.name')}} Cover" />
         <div class="card-img-overlay d-none d-lg-flex align-items-center" styles="border-radius:0; background: radial-gradient(rgba(0,0,0,.5) 20%,rgba(0,0,0,.1)); box-shadow:inset 0 0 3px 1px rgba(0,0,0,.1), inset 0 0 25px 2px rgba(0,0,0,.2);">
             <div class="container p-3 rounded" style="width: 55vw; border-radius:0; background: radial-gradient({{$_primary_ci_color}}50,{{$_primary_ci_color}}30); box-shadow:inset 0 0 3px 1px {{$_primary_ci_color}}10, inset 0 0 25px 2px rgba(0,0,0,.2);">
@@ -94,6 +99,8 @@
     </div>
 
 
+
+
     <div class="container d-lg-none">
         <div class="row">
             <div class="col-12">