diff --git a/src/pages/index.astro b/src/pages/index.astro
index 4e14dfb..a53578e 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -53,19 +53,19 @@ import '@/styles/globals.css'
 	<body>
 		<main class="grid justify-center items-center w-full relative">
 			<h2 class="absolute p-4 text-white drop-shadow-lg text-6xl text-center w-full">Cooming Soon...</h2>
-			<img class="w-[100vw] col-start-1 row-start-1 object-cover object-[0_75%]" src="./al-naslaa-art.png" />
+			<img class="w-[100vw] col-start-1 row-start-1 object-cover object-[center_75%]" src="./al-naslaa-art.png" />
 			<img 
 			transition-style="out:wipe:up4"
-			class="w-[100vw] col-start-1 row-start-1 object-cover object-[0_75%]" src="al-naslaa.jpg" />
+			class="w-[100vw] col-start-1 row-start-1 object-cover object-[center_75%]" src="al-naslaa.jpg" />
 			<img 
 			transition-style="out:wipe:up3"
-			class="w-[100vw] col-start-1 row-start-1 object-cover object-[0_75%]" src="al-naslaa-contrast.jpg" />
+			class="w-[100vw] col-start-1 row-start-1 object-cover object-[center_75%]" src="al-naslaa-contrast.jpg" />
 			<img 
 			transition-style="out:wipe:up2"
-			class="w-[100vw] col-start-1 row-start-1 object-cover object-[0_75%]" src="al-naslaa-black-contrast.jpg" />
+			class="w-[100vw] col-start-1 row-start-1 object-cover object-[center_75%]" src="al-naslaa-black-contrast.jpg" />
 			<img 
 			transition-style="out:wipe:up"
-			class="w-[100vw] col-start-1 row-start-1 object-cover object-[0_75%]" src="al-naslaa-black-white.jpg" />
+			class="w-[100vw] col-start-1 row-start-1 object-cover object-[center_75%]" src="al-naslaa-black-white.jpg" />
 		</main>
 		<script is:inline>
 			function sleepFor(sleepDuration){
