diff --git a/src/main.js b/src/main.js
index 21b5fe1..0d90175 100755
--- a/src/main.js
+++ b/src/main.js
@@ -31,8 +31,8 @@ async function render() {
 
   app.innerHTML = `
     <div class="relative w-full h-screen overflow-hidden bg-slate-950 text-slate-100 flex">
-      <div class="absolute inset-0 z-0 bg-no-repeat transition-all duration-700" 
-        style="background-image: url('${currentBg}'); background-size: 100% 100%;">
+      <div class="absolute inset-0 z-0 bg-center bg-no-repeat transition-all duration-700" 
+        style="background-image: url('${currentBg}'); background-size: 100vw auto;">
       </div>
       <div class="absolute inset-0 z-10 bg-slate-950/50 backdrop-blur-[2px]"></div>