diff --git a/frontend/src/components/layouts/TwoColumnFullScreenLayout.tsx b/frontend/src/components/layouts/TwoColumnFullScreenLayout.tsx
index 71e34e5d..a0f0ea99 100644
--- a/frontend/src/components/layouts/TwoColumnFullScreenLayout.tsx
+++ b/frontend/src/components/layouts/TwoColumnFullScreenLayout.tsx
@@ -71,7 +71,7 @@ export default function TwoColumnFullScreenLayout() {
         <img
           src={quote.imageUrl}
           alt={quote.author}
-          className="absolute inset-0 w-full h-full object-cover object-top opacity-40 dark:opacity-20 pointer-events-none"
+          className="absolute inset-0 w-full h-full object-cover object-top opacity-30 dark:opacity-20 pointer-events-none"
         />
         <div className="flex-1 w-full h-full flex flex-col">
           <div className="flex flex-row justify-between items-center">