Increased background image opacity

Author: codebucks27

src/app/(sub pages)/about/page.js

@@ -20,7 +20,7 @@ export default function Home() {
         priority
         sizes="100vw"
         alt="Next.js Portfolio website's about page background image"
-        className="-z-50 fixed top-0 left-0 w-full h-full object-cover object-center opacity-25"
+        className="-z-50 fixed top-0 left-0 w-full h-full object-cover object-center opacity-50"
       />
 
       <div className="w-full h-3/5 xs:h-3/4 sm:h-screen absolute top-1/2 -translate-y-1/2 left-0">

src/app/(sub pages)/contact/page.js

@@ -14,7 +14,7 @@ export default function Contact() {
         alt="Next.js Portfolio website's contact page background image"
         priority
         sizes="100vw"
-        className="-z-50 fixed top-0 left-0 w-full h-full object-cover object-center opacity-25"
+        className="-z-50 fixed top-0 left-0 w-full h-full object-cover object-center opacity-50"
       />
 
       <article className="relative w-full flex flex-col items-center justify-center py-8 sm:py-0 space-y-8">

src/app/(sub pages)/projects/page.js

@@ -20,7 +20,7 @@ export default function Home() {
       <Image
         src={bg}
         alt="Next.js Portfolio website's about page background image"
-        className="-z-50 fixed top-0 left-0 w-full h-full object-cover object-center opacity-25"
+        className="-z-50 fixed top-0 left-0 w-full h-full object-cover object-center opacity-50"
         priority
         sizes="100vw"
       />

src/app/page.js

@@ -18,7 +18,7 @@ export default function Home() {
         src={bg}
         alt="background-image"
         fill
-        className="-z-50 w-full h-full object-cover object-center opacity-25"
+        className="-z-50 w-full h-full object-cover object-center opacity-50"
       />
 
       <div className="w-full h-screen">