update images

Author: CodeByNikolas

public/group_photo.jpeg

@@ -25,11 +25,11 @@ export default async function AboutPage() {
           </div>
         </section>
       </Container>
-      <Container asChild className="py-12 mt-12 xl:mt-24">
+      {/* <Container asChild className="py-12 mt-12 xl:mt-24">
         <section>
           <Timeline />
         </section>
-      </Container>
+      </Container> */}
       <Container asChild className="py-12 mt-12 xl:mt-24">
         <section>
           <ClubStructure departments={departments} />

src/app/about/page.tsx

@@ -23,20 +23,14 @@ export default async function MembershipPage() {
               <p className="text-white text-md lg:text-lg text-center font-body tracking-wide">
                 Our membership is open to all university students in Munich!
               </p>
-              <div className="relative pb-12 w-full h-[450px] hidden lg:block mt-8 filter grayscale hover:grayscale-0 transition-all duration-150">
+              <div className="w-full mt-8 mb-12 lg:mb-0">
                 <Image
-                  src={"/membership.png"}
-                  alt="text"
-                  fill
-                  className="object-cover mx-auto"
-                />
-              </div>
-              <div className="elative mb-12 w-full lg:hidden h-[160px] filter grayscale hover:grayscale-0 transition-all duration-150">
-                <Image
-                  src={"/membership.png"}
-                  alt="text"
-                  fill
-                  className="object-cover mx-auto"
+                  src="/group_photo.webp"
+                  alt="Our group photo"
+                  width={6000}
+                  height={4000}
+                  className="w-full h-auto rounded-2xl"
+                  sizes="(max-width: 1024px) 100vw, 1024px"
                 />
               </div>
             </div>

src/app/membership/page.tsx

@@ -76,8 +76,8 @@ export default function Home() {
                 <br /> Less than a corporate
               </h1>
             </div>
-            <div className="relative w-full lg:hidden h-[360px] filter grayscale hover:grayscale-0 transition-all duration-150">
-              <Image src="/group_photo.webp" alt="Our group photo" fill className="object-cover" />
+            <div className="relative w-full lg:hidden h-[360px] rounded-2xl overflow-hidden">
+              <Image src="/group_photo.jpeg" alt="Our group photo" fill className="object-cover" />
             </div>
             <p className="font-body text-center lg:text-start text-md lg:text-lg">
               TUM Blockchain Club is a legally registered non-profit organization under German law and an officially accredited student club at the
@@ -86,8 +86,8 @@ export default function Home() {
               lasting mark on the global blockchain ecosystem.
             </p>
           </div>
-          <div className="relative w-full hidden lg:block h-[720px] mt-20 filter grayscale hover:grayscale-0 transition-all duration-150">
-            <Image src="/group_photo.webp" alt="Our group photo" fill className="object-cover" />
+          <div className="relative w-full hidden lg:block h-[720px] mt-20 rounded-2xl overflow-hidden">
+            <Image src="/group_photo.jpeg" alt="Our group photo" fill className="object-cover" />
           </div>
         </section>
       </Container>