Diwali renamed to Festival and all the effects.

src/components/category-slider.tsx

@@ -39,10 +39,6 @@ export function ChocolateCategories() {
           height={500}
           className='w-full h-auto'
           sizes='100vw'
-          style={{
-            width: '100%',
-            height: 'auto',
-          }}
         />
       </div>
     </section>

src/components/footer.tsx

@@ -19,10 +19,7 @@ export function Footer() {
           alt='Mozimo Logo'
           width={100}
           height={100}
-          style={{
-            maxWidth: '100%',
-            height: 'auto',
-          }}
+          className='w-full h-auto'
         />
         <p className='text-sm'>
           India&apos;s Premier European style bean-to-bar chocolate experience.

src/components/navbar.tsx

@@ -52,13 +52,9 @@ export function Navbar() {
           <Image
             src={navBarStyle === 'scrolledUp' ? logoWhite : logoBlack}
             alt='Logo'
-            className='logo text-white'
+            className='w-full h-auto logo text-white'
             width={100}
             height={100}
-            style={{
-              maxWidth: '100%',
-              height: 'auto',
-            }}
           />
         </Link>
       </div>

src/components/our-collection.tsx

@@ -28,11 +28,7 @@ export function Collections() {
             alt={collection.title}
             width={500}
             height={300}
-            className='w-full object-cover'
-            style={{
-              maxWidth: '100%',
-              height: 'auto',
-            }}
+            className='w-full h-auto object-cover'
           />
           <div className='p-4'>
             <h3 className='text-center text-base font-light'>

src/components/spotlight.tsx

@@ -23,11 +23,7 @@ export function Spotlight() {
               alt={logo.alt}
               width={80}
               height={80}
-              className='object-contain'
-              style={{
-                maxWidth: '100%',
-                height: 'auto',
-              }}
+              className='w-full h-auto object-contain'
             />
           </div>
         </div>

src/components/swiper.tsx

@@ -37,11 +37,7 @@ export function HeroSwiper() {
             alt={slide.name}
             width={1760}
             height={1000}
-            className='w-full'
-            style={{
-              maxWidth: '100%',
-              height: 'auto',
-            }}
+            className='w-full h-auto'
           />
         </SwiperSlide>
       ))}