diff --git a/src/pages/index.astro b/src/pages/index.astro
index 0adb4bc..655886d 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -148,12 +148,14 @@ import index5 from '@/assets/images/index-5.png';
 		</div>
 	</div>
 	<div class="container relative mx-auto px-4 py-16 lg:px-8 lg:py-32 xl:max-w-6xl">
-		<div class="absolute inset-0 -mx-2 my-6 rotate-2 -skew-y-1 rounded bg-gray-800 lg:my-20"></div>
 		<div
-			class="absolute left-6 top-3 size-12 rotate-45 -skew-y-3 rounded-full bg-primary-400 lg:left-6 lg:top-14">
+			class="absolute inset-0 my-6 rounded bg-gray-800 lg:-skew-y-1 xl:-mx-2 xl:my-20 xl:rotate-2">
 		</div>
 		<div
-			class="absolute -left-6 top-2 size-16 rotate-45 -skew-y-3 bg-primary-600 transition-all duration-500 hover:rounded-3xl lg:top-12">
+			class="absolute left-6 top-3 size-12 rotate-45 -skew-y-3 rounded-full bg-primary-400 lg:left-6 xl:top-14">
+		</div>
+		<div
+			class="absolute -left-6 top-2 size-16 rotate-45 -skew-y-3 bg-primary-600 transition-all duration-500 hover:rounded-3xl xl:top-12">
 		</div>
 		<div class="relative flex flex-col items-center space-y-8 md:flex-row md:space-y-0">
 			<div class="py-5 text-center md:w-7/12 md:p-5 md:text-left">