diff --git a/app/page.tsx b/app/page.tsx
index d160165..16ccfa8 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -62,7 +62,7 @@ export default async function Home() {
           className="object-cover"
           priority
         />
-        <div className="absolute inset-0 bg-black/15 flex items-center px-6">
+        <div className="absolute inset-0 bg-black/5 flex items-center px-6">
           <h2 className="text-3xl font-bold text-white leading-tight">
             Welcome to the ASSU Website.
           </h2>
diff --git a/components/common/ImageCarousel.tsx b/components/common/ImageCarousel.tsx
index 52ba64f..a1d69e4 100644
--- a/components/common/ImageCarousel.tsx
+++ b/components/common/ImageCarousel.tsx
@@ -48,7 +48,7 @@ export function ImageCarousel() {
               key={index}
               className={`pl-4 ${index === currentSlide ? "block" : "hidden"}`}
             >
-              <div className="relative h-[500px] w-full">
+              <div className="relative h-[560px] w-full">
                 <Image
                   data-testid={`carousel-image-${index}`}
                   src={slide.src}
@@ -57,7 +57,7 @@ export function ImageCarousel() {
                   className="object-cover rounded-lg"
                   priority
                 />
-                <div className="absolute inset-0 bg-black/15 flex items-center px-8">
+                <div className="absolute inset-0 bg-black/5 flex items-center px-8">
                   <div className="ml-12 max-w-sm text-left text-white">
                     <h2
                       data-testid={`carousel-heading-${index}`}