diff --git a/en/about-us/index.html b/en/about-us/index.html
index 87d41f36..801d67b7 100644
--- a/en/about-us/index.html
+++ b/en/about-us/index.html
@@ -194,16 +194,22 @@
         <!-- Auto-rotating team hero -->
         <section class="about-hero" aria-label="MSOS team moments">
                 <div class="about-hero-slide is-active" style="background-image:url('../../images/about-hero-01.webp')"></div>
+                <div class="about-hero-slide" style="background-image:url('../../images/about-hero-12.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-02.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-03.webp')"></div>
+                <div class="about-hero-slide" style="background-image:url('../../images/about-hero-13.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-04.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-05.webp')"></div>
+                <div class="about-hero-slide" style="background-image:url('../../images/about-hero-14.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-06.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-07.webp')"></div>
+                <div class="about-hero-slide" style="background-image:url('../../images/about-hero-15.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-08.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-09.webp')"></div>
+                <div class="about-hero-slide" style="background-image:url('../../images/about-hero-16.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-10.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-11.webp')"></div>
+                <div class="about-hero-slide" style="background-image:url('../../images/about-hero-17.webp')"></div>
             <div class="about-hero-overlay"></div>
             <div class="about-hero-content">
                 <span class="about-hero-eyebrow">About us</span>
@@ -356,7 +362,7 @@
         </section>
 
         <!-- FAQ Call to Action Section -->
-        <!-- Appreciation to members & friends (photos are placeholders; names pending full list) -->
+        <!-- Appreciation to members & friends (names pending full list) -->
         <section class="appreciation-section">
             <div class="appr-intro">
                 <h2>Our members & friends</h2>
@@ -365,25 +371,55 @@
             <!-- Scrolling photo carousel (Apple-style focal zoom) -->
             <div class="appr-marquee" aria-label="MSOS members and friends">
                 <div class="appr-track">
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/event4-img-1.webp" alt="MSOS members at an event"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/event3-photo-1.webp" alt="MSOS members at an event"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/msnl-1.webp" alt="Macedonian Student Night in Ljubljana"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="MSOS members at an event"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/event3-photo-5.webp" alt="MSOS members at an event"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/msnl-3.webp" alt="Macedonian Student Night in Ljubljana"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/event4-img-7.webp" alt="MSOS members at an event"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/event3-photo-8.webp" alt="MSOS members at an event"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-01.webp" width="900" height="675" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-02.webp" width="900" height="600" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-05.webp" width="690" height="900" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-06.webp" width="900" height="600" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-07.webp" width="675" height="900" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-08.webp" width="900" height="600" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-09.webp" width="900" height="600" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-03.webp" width="675" height="900" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-10.webp" width="600" height="900" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-11.webp" width="900" height="600" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-12.webp" width="900" height="600" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-13.webp" width="900" height="600" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-04.webp" width="900" height="675" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-14.webp" width="900" height="675" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-15.webp" width="675" height="900" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-16.webp" width="900" height="600" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-17.webp" width="900" height="600" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-18.webp" width="675" height="900" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-19.webp" width="900" height="600" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-20.webp" width="900" height="600" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-21.webp" width="675" height="900" alt="MSOS members and friends"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-22.webp" width="900" height="600" alt="MSOS members and friends"></div>
                     <!-- duplicate set for a seamless infinite loop (aria-hidden) -->
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/event4-img-1.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/event3-photo-1.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/msnl-1.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/event3-photo-5.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/msnl-3.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/event4-img-7.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/event3-photo-8.webp" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-01.webp" width="900" height="675" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-02.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-05.webp" width="690" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-06.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-07.webp" width="675" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-08.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-09.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-03.webp" width="675" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-10.webp" width="600" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-11.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-12.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-13.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-04.webp" width="900" height="675" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-14.webp" width="900" height="675" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-15.webp" width="675" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-16.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-17.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-18.webp" width="675" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-19.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-20.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-21.webp" width="675" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-22.webp" width="900" height="600" alt=""></div>
                 </div>
             </div>
+            </div>
+            </div>
             <div class="appreciation-names">
                 <span class="appr-name">Kristijan P.</span>
                 <span class="appr-name">Lea J.</span>
diff --git a/images/about-hero-12.webp b/images/about-hero-12.webp
new file mode 100644
index 00000000..31481cc9
Binary files /dev/null and b/images/about-hero-12.webp differ
diff --git a/images/about-hero-13.webp b/images/about-hero-13.webp
new file mode 100644
index 00000000..333c1121
Binary files /dev/null and b/images/about-hero-13.webp differ
diff --git a/images/about-hero-14.webp b/images/about-hero-14.webp
new file mode 100644
index 00000000..3cf5928e
Binary files /dev/null and b/images/about-hero-14.webp differ
diff --git a/images/about-hero-15.webp b/images/about-hero-15.webp
new file mode 100644
index 00000000..586866b5
Binary files /dev/null and b/images/about-hero-15.webp differ
diff --git a/images/about-hero-16.webp b/images/about-hero-16.webp
new file mode 100644
index 00000000..982a77fa
Binary files /dev/null and b/images/about-hero-16.webp differ
diff --git a/images/about-hero-17.webp b/images/about-hero-17.webp
new file mode 100644
index 00000000..3405a3ed
Binary files /dev/null and b/images/about-hero-17.webp differ
diff --git a/images/members-01.webp b/images/members-01.webp
new file mode 100644
index 00000000..00bc0384
Binary files /dev/null and b/images/members-01.webp differ
diff --git a/images/members-02.webp b/images/members-02.webp
new file mode 100644
index 00000000..f5e2b503
Binary files /dev/null and b/images/members-02.webp differ
diff --git a/images/members-03.webp b/images/members-03.webp
new file mode 100644
index 00000000..374873c4
Binary files /dev/null and b/images/members-03.webp differ
diff --git a/images/members-04.webp b/images/members-04.webp
new file mode 100644
index 00000000..c8efd0c1
Binary files /dev/null and b/images/members-04.webp differ
diff --git a/images/members-05.webp b/images/members-05.webp
new file mode 100644
index 00000000..7caee24c
Binary files /dev/null and b/images/members-05.webp differ
diff --git a/images/members-06.webp b/images/members-06.webp
new file mode 100644
index 00000000..db4ff6d9
Binary files /dev/null and b/images/members-06.webp differ
diff --git a/images/members-07.webp b/images/members-07.webp
new file mode 100644
index 00000000..a924961c
Binary files /dev/null and b/images/members-07.webp differ
diff --git a/images/members-08.webp b/images/members-08.webp
new file mode 100644
index 00000000..e9b304bd
Binary files /dev/null and b/images/members-08.webp differ
diff --git a/images/members-09.webp b/images/members-09.webp
new file mode 100644
index 00000000..5f95590d
Binary files /dev/null and b/images/members-09.webp differ
diff --git a/images/members-10.webp b/images/members-10.webp
new file mode 100644
index 00000000..74bf5806
Binary files /dev/null and b/images/members-10.webp differ
diff --git a/images/members-11.webp b/images/members-11.webp
new file mode 100644
index 00000000..0bb7b245
Binary files /dev/null and b/images/members-11.webp differ
diff --git a/images/members-12.webp b/images/members-12.webp
new file mode 100644
index 00000000..a9040855
Binary files /dev/null and b/images/members-12.webp differ
diff --git a/images/members-13.webp b/images/members-13.webp
new file mode 100644
index 00000000..632f6fed
Binary files /dev/null and b/images/members-13.webp differ
diff --git a/images/members-14.webp b/images/members-14.webp
new file mode 100644
index 00000000..8fd3123a
Binary files /dev/null and b/images/members-14.webp differ
diff --git a/images/members-15.webp b/images/members-15.webp
new file mode 100644
index 00000000..9823ff6c
Binary files /dev/null and b/images/members-15.webp differ
diff --git a/images/members-16.webp b/images/members-16.webp
new file mode 100644
index 00000000..a8af5e7d
Binary files /dev/null and b/images/members-16.webp differ
diff --git a/images/members-17.webp b/images/members-17.webp
new file mode 100644
index 00000000..f1a697ed
Binary files /dev/null and b/images/members-17.webp differ
diff --git a/images/members-18.webp b/images/members-18.webp
new file mode 100644
index 00000000..52cc9393
Binary files /dev/null and b/images/members-18.webp differ
diff --git a/images/members-19.webp b/images/members-19.webp
new file mode 100644
index 00000000..e3eea2bb
Binary files /dev/null and b/images/members-19.webp differ
diff --git a/images/members-20.webp b/images/members-20.webp
new file mode 100644
index 00000000..d0362e32
Binary files /dev/null and b/images/members-20.webp differ
diff --git a/images/members-21.webp b/images/members-21.webp
new file mode 100644
index 00000000..dc507938
Binary files /dev/null and b/images/members-21.webp differ
diff --git a/images/members-22.webp b/images/members-22.webp
new file mode 100644
index 00000000..a68ac575
Binary files /dev/null and b/images/members-22.webp differ
diff --git a/mk/about-us/index.html b/mk/about-us/index.html
index c14a433b..62efb651 100644
--- a/mk/about-us/index.html
+++ b/mk/about-us/index.html
@@ -194,16 +194,22 @@
         <!-- Auto-rotating team hero -->
         <section class="about-hero" aria-label="Моменти од тимот на МСОС">
                 <div class="about-hero-slide is-active" style="background-image:url('../../images/about-hero-01.webp')"></div>
+                <div class="about-hero-slide" style="background-image:url('../../images/about-hero-12.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-02.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-03.webp')"></div>
+                <div class="about-hero-slide" style="background-image:url('../../images/about-hero-13.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-04.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-05.webp')"></div>
+                <div class="about-hero-slide" style="background-image:url('../../images/about-hero-14.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-06.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-07.webp')"></div>
+                <div class="about-hero-slide" style="background-image:url('../../images/about-hero-15.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-08.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-09.webp')"></div>
+                <div class="about-hero-slide" style="background-image:url('../../images/about-hero-16.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-10.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-11.webp')"></div>
+                <div class="about-hero-slide" style="background-image:url('../../images/about-hero-17.webp')"></div>
             <div class="about-hero-overlay"></div>
             <div class="about-hero-content">
                 <span class="about-hero-eyebrow">За нас</span>
@@ -356,7 +362,7 @@
         </section>
 
         <!-- FAQ Call to Action Section -->
-        <!-- Appreciation to members & friends (photos are placeholders; names pending full list) -->
+        <!-- Appreciation to members & friends (names pending full list) -->
         <section class="appreciation-section">
             <div class="appr-intro">
                 <h2>Нашите членови и пријатели</h2>
@@ -365,25 +371,55 @@
             <!-- Scrolling photo carousel (Apple-style focal zoom) -->
             <div class="appr-marquee" aria-label="Членови и пријатели на МСОС">
                 <div class="appr-track">
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/event4-img-1.webp" alt="Членови на МСОС на настан"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/event3-photo-1.webp" alt="Членови на МСОС на настан"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/msnl-1.webp" alt="Македонска студентска вечер во Љубљана"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="Членови на МСОС на настан"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/event3-photo-5.webp" alt="Членови на МСОС на настан"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/msnl-3.webp" alt="Македонска студентска вечер во Љубљана"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/event4-img-7.webp" alt="Членови на МСОС на настан"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/event3-photo-8.webp" alt="Членови на МСОС на настан"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-01.webp" width="900" height="675" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-02.webp" width="900" height="600" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-05.webp" width="690" height="900" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-06.webp" width="900" height="600" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-07.webp" width="675" height="900" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-08.webp" width="900" height="600" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-09.webp" width="900" height="600" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-03.webp" width="675" height="900" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-10.webp" width="600" height="900" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-11.webp" width="900" height="600" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-12.webp" width="900" height="600" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-13.webp" width="900" height="600" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-04.webp" width="900" height="675" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-14.webp" width="900" height="675" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-15.webp" width="675" height="900" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-16.webp" width="900" height="600" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-17.webp" width="900" height="600" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-18.webp" width="675" height="900" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-19.webp" width="900" height="600" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-20.webp" width="900" height="600" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-21.webp" width="675" height="900" alt="Членови и пријатели на МСОС"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-22.webp" width="900" height="600" alt="Членови и пријатели на МСОС"></div>
                     <!-- duplicate set for a seamless infinite loop (aria-hidden) -->
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/event4-img-1.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/event3-photo-1.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/msnl-1.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/event3-photo-5.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/msnl-3.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/event4-img-7.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/event3-photo-8.webp" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-01.webp" width="900" height="675" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-02.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-05.webp" width="690" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-06.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-07.webp" width="675" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-08.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-09.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-03.webp" width="675" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-10.webp" width="600" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-11.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-12.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-13.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-04.webp" width="900" height="675" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-14.webp" width="900" height="675" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-15.webp" width="675" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-16.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-17.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-18.webp" width="675" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-19.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-20.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-21.webp" width="675" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-22.webp" width="900" height="600" alt=""></div>
                 </div>
             </div>
+            </div>
+            </div>
             <div class="appreciation-names">
                 <span class="appr-name">Kristijan P.</span>
                 <span class="appr-name">Lea J.</span>
diff --git a/si/about-us/index.html b/si/about-us/index.html
index 8ccfabd8..7692df6d 100644
--- a/si/about-us/index.html
+++ b/si/about-us/index.html
@@ -194,16 +194,22 @@
         <!-- Auto-rotating team hero -->
         <section class="about-hero" aria-label="Trenutki ekipe MSOS">
                 <div class="about-hero-slide is-active" style="background-image:url('../../images/about-hero-01.webp')"></div>
+                <div class="about-hero-slide" style="background-image:url('../../images/about-hero-12.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-02.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-03.webp')"></div>
+                <div class="about-hero-slide" style="background-image:url('../../images/about-hero-13.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-04.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-05.webp')"></div>
+                <div class="about-hero-slide" style="background-image:url('../../images/about-hero-14.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-06.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-07.webp')"></div>
+                <div class="about-hero-slide" style="background-image:url('../../images/about-hero-15.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-08.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-09.webp')"></div>
+                <div class="about-hero-slide" style="background-image:url('../../images/about-hero-16.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-10.webp')"></div>
                 <div class="about-hero-slide" style="background-image:url('../../images/about-hero-11.webp')"></div>
+                <div class="about-hero-slide" style="background-image:url('../../images/about-hero-17.webp')"></div>
             <div class="about-hero-overlay"></div>
             <div class="about-hero-content">
                 <span class="about-hero-eyebrow">O nas</span>
@@ -356,7 +362,7 @@
         </section>
 
         <!-- FAQ Call to Action Section -->
-        <!-- Appreciation to members & friends (photos are placeholders; names pending full list) -->
+        <!-- Appreciation to members & friends (names pending full list) -->
         <section class="appreciation-section">
             <div class="appr-intro">
                 <h2>Naši člani in prijatelji</h2>
@@ -365,25 +371,55 @@
             <!-- Scrolling photo carousel (Apple-style focal zoom) -->
             <div class="appr-marquee" aria-label="Člani in prijatelji MSOS">
                 <div class="appr-track">
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/event4-img-1.webp" alt="Člani MSOS na dogodku"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/event3-photo-1.webp" alt="Člani MSOS na dogodku"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/msnl-1.webp" alt="Makedonski študentski večer v Ljubljani"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="Člani MSOS na dogodku"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/event3-photo-5.webp" alt="Člani MSOS na dogodku"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/msnl-3.webp" alt="Makedonski študentski večer v Ljubljani"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/event4-img-7.webp" alt="Člani MSOS na dogodku"></div>
-                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/event3-photo-8.webp" alt="Člani MSOS na dogodku"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-01.webp" width="900" height="675" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-02.webp" width="900" height="600" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-05.webp" width="690" height="900" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-06.webp" width="900" height="600" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-07.webp" width="675" height="900" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-08.webp" width="900" height="600" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-09.webp" width="900" height="600" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-03.webp" width="675" height="900" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-10.webp" width="600" height="900" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-11.webp" width="900" height="600" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-12.webp" width="900" height="600" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-13.webp" width="900" height="600" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-04.webp" width="900" height="675" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-14.webp" width="900" height="675" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-15.webp" width="675" height="900" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-16.webp" width="900" height="600" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-17.webp" width="900" height="600" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-18.webp" width="675" height="900" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-19.webp" width="900" height="600" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-20.webp" width="900" height="600" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-21.webp" width="675" height="900" alt="Člani in prijatelji MSOS"></div>
+                    <div class="appr-card"><img loading="lazy" decoding="async" src="../../images/members-22.webp" width="900" height="600" alt="Člani in prijatelji MSOS"></div>
                     <!-- duplicate set for a seamless infinite loop (aria-hidden) -->
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/event4-img-1.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/event3-photo-1.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/msnl-1.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/event3-photo-5.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/msnl-3.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/event4-img-7.webp" alt=""></div>
-                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/event3-photo-8.webp" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-01.webp" width="900" height="675" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-02.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-05.webp" width="690" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-06.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-07.webp" width="675" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-08.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-09.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-03.webp" width="675" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-10.webp" width="600" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-11.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-12.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-13.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-04.webp" width="900" height="675" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-14.webp" width="900" height="675" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-15.webp" width="675" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-16.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-17.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-18.webp" width="675" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-19.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-20.webp" width="900" height="600" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-21.webp" width="675" height="900" alt=""></div>
+                    <div class="appr-card" aria-hidden="true"><img loading="lazy" decoding="async" src="../../images/members-22.webp" width="900" height="600" alt=""></div>
                 </div>
             </div>
+            </div>
+            </div>
             <div class="appreciation-names">
                 <span class="appr-name">Kristijan P.</span>
                 <span class="appr-name">Lea J.</span>