Added fill

canopas · Mar 12, 2024 · 43c4944 · 43c4944
1 parent f0387e3
commit 43c4944
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/website/components/Hero/index.tsx b/website/components/Hero/index.tsx
@@ -39,13 +39,15 @@ const Hero = () => {
                     alt="banner-slide-image"
                     unoptimized
                     quality={50}
+                    fill
                   />
                   <Image
                     src="/images/banner/3.jpg"
                     className="h-full w-1/4 object-cover"
                     alt="banner-slide-image"
                     unoptimized
                     quality={50}
+                    fill
                   />
                 </div>
                 <div className="flex h-1/2 w-full">
@@ -55,13 +57,15 @@ const Hero = () => {
                     alt="banner-slide-image"
                     unoptimized
                     quality={50}
+                    fill
                   />
                   <Image
                     src="/images/banner/5.jpg"
                     className="h-full w-3/4 object-cover"
                     alt="banner-slide-image"
                     unoptimized
                     quality={50}
+                    fill
                   />
                 </div>
               </div>
@@ -75,13 +79,15 @@ const Hero = () => {
                     alt="banner-slide-image"
                     unoptimized
                     quality={50}
+                    fill
                   />
                   <Image
                     src="/images/banner/7.jpg"
                     className="h-full w-3/4 object-cover"
                     alt="banner-slide-image"
                     unoptimized
                     quality={50}
+                    fill
                   />
                 </div>
                 <div className="flex h-1/2 w-full">
@@ -91,13 +97,15 @@ const Hero = () => {
                     alt="banner-slide-image"
                     unoptimized
                     quality={50}
+                    fill
                   />
                   <Image
                     src="/images/banner/9.jpg"
                     className="h-full w-3/4 object-cover"
                     alt="banner-slide-image"
                     unoptimized
                     quality={50}
+                    fill
                   />
                 </div>
               </div>
@@ -111,13 +119,15 @@ const Hero = () => {
                     alt="banner-slide-image"
                     unoptimized
                     quality={50}
+                    fill
                   />
                   <Image
                     src="/images/banner/11.jpg"
                     className="h-full w-1/4 object-cover"
                     alt="banner-slide-image"
                     unoptimized
                     quality={50}
+                    fill
                   />
                 </div>
                 <div className="flex h-1/2 w-full">
@@ -127,13 +137,15 @@ const Hero = () => {
                     alt="banner-slide-image"
                     unoptimized
                     quality={50}
+                    fill
                   />
                   <Image
                     src="/images/banner/13.jpg"
                     className="h-full w-1/4 object-cover"
                     alt="banner-slide-image"
                     unoptimized
                     quality={50}
+                    fill
                   />
                 </div>
               </div>