diff --git a/gitbutler-ui/src/lib/components/DecorativeSplitView.svelte b/gitbutler-ui/src/lib/components/DecorativeSplitView.svelte
index a8e6c5c1f..5d23633bb 100644
--- a/gitbutler-ui/src/lib/components/DecorativeSplitView.svelte
+++ b/gitbutler-ui/src/lib/components/DecorativeSplitView.svelte
@@ -23,7 +23,7 @@
 				</div>
 			</div>
 
-			<div class="right-side__img-wrapper">
+			<div class="img-wrapper">
 				<ImgThemed {imgSet} />
 			</div>
 
@@ -166,12 +166,13 @@
 		opacity: 0.7;
 	}
 
-	.right-side__img-wrapper {
-		height: 100%;
-		flex: 1;
-		display: flex;
-		align-items: center;
-		justify-content: center;
+	.img-wrapper {
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		width: 100%;
+		max-width: 26.25rem;
 	}
 
 	/* global */
diff --git a/gitbutler-ui/src/routes/[projectId]/ProjectSetup.svelte b/gitbutler-ui/src/routes/[projectId]/ProjectSetup.svelte
index ab22ff9d1..0ade89bdc 100644
--- a/gitbutler-ui/src/routes/[projectId]/ProjectSetup.svelte
+++ b/gitbutler-ui/src/routes/[projectId]/ProjectSetup.svelte
@@ -36,8 +36,8 @@
 <DecorativeSplitView
 	user={$user$}
 	imgSet={{
-		light: '/images/setup-art-light.svg',
-		dark: '/images/setup-art-dark.svg'
+		light: '/images/img_moon-door-light.webp',
+		dark: '/images/img_moon-door-dark.webp'
 	}}
 >
 	<div class="project-setup">
diff --git a/gitbutler-ui/static/images/img_moon-door-dark.webp b/gitbutler-ui/static/images/img_moon-door-dark.webp
new file mode 100644
index 000000000..d38471fc7
Binary files /dev/null and b/gitbutler-ui/static/images/img_moon-door-dark.webp differ
diff --git a/gitbutler-ui/static/images/img_moon-door-light.webp b/gitbutler-ui/static/images/img_moon-door-light.webp
new file mode 100644
index 000000000..9ce2bba0c
Binary files /dev/null and b/gitbutler-ui/static/images/img_moon-door-light.webp differ