fix: reduce background image opacity

Author: dewanakl

index.html

@@ -96,13 +96,13 @@
                     <div class="d-flex position-absolute top-50 start-50 translate-middle w-100 h-100">
                         <div class="position-relative overflow-hidden vw-100">
                             <div class="position-absolute h-100 w-100 slide-desktop" style="opacity: 0;">
-                                <img src="./assets/images/placeholder.webp" data-src="https://picsum.photos/1000/1000?random=7" alt="bg" class="bg-cover-home" style="mask-image: none; opacity: 40%;">
+                                <img src="./assets/images/placeholder.webp" data-src="https://picsum.photos/1000/1000?random=7" alt="bg" class="bg-cover-home" style="mask-image: none; opacity: 30%;">
                             </div>
                             <div class="position-absolute h-100 w-100 slide-desktop" style="opacity: 0;">
-                                <img src="./assets/images/placeholder.webp" data-src="https://picsum.photos/1000/1000?random=8" alt="bg" class="bg-cover-home" style="mask-image: none; opacity: 40%;">
+                                <img src="./assets/images/placeholder.webp" data-src="https://picsum.photos/1000/1000?random=8" alt="bg" class="bg-cover-home" style="mask-image: none; opacity: 30%;">
                             </div>
                             <div class="position-absolute h-100 w-100 slide-desktop" style="opacity: 0;">
-                                <img src="./assets/images/placeholder.webp" data-src="https://picsum.photos/1000/1000?random=9" alt="bg" class="bg-cover-home" style="mask-image: none; opacity: 40%;">
+                                <img src="./assets/images/placeholder.webp" data-src="https://picsum.photos/1000/1000?random=9" alt="bg" class="bg-cover-home" style="mask-image: none; opacity: 30%;">
                             </div>
                         </div>
                     </div>