Carousels: drag + position dots, and real Become-a-member photos

Convert the Hub / Become-a-member carousels from a pure-CSS marquee to a
JS-driven scroller with click-and-drag, touch swipe, and progress dots
(setupHubCarousel). Turn the "ways to be part of MSOS" cards into hub-style
photo cards and add the final Become-a-member photos (WebP).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

mk/become-a-member/index.html

@@ -76,8 +76,8 @@
                     <li class="menu-item menu-item-has-children">
                         <a href="#">За нас</a>
                         <ul class="dropdown-menu">
-                            <li><a href="../../mk/timeline-and-milestones/">Времеплов и достигнувања</a></li>
                             <li><a href="../../mk/about-us/">Нашиот тим</a></li>
+                            <li><a href="../../mk/timeline-and-milestones/">Времеплов и достигнувања</a></li>
                             <li><a href="../../mk/msos-hub/">МСОС Хаб</a></li>
                         </ul>
                     </li>
@@ -135,8 +135,8 @@
             <li class="menu-item menu-item-has-children">
                 <a href="#">За нас</a>
                 <ul class="dropdown-menu">
-                    <li><a href="../../mk/timeline-and-milestones/">Времеплов и достигнувања</a></li>
                     <li><a href="../../mk/about-us/">Нашиот тим</a></li>
+                    <li><a href="../../mk/timeline-and-milestones/">Времеплов и достигнувања</a></li>
                     <li><a href="../../mk/msos-hub/">МСОС Хаб</a></li>
                 </ul>
             </li>
@@ -209,7 +209,7 @@
             <h2 class="mm-h2">Зошто да станеш член?</h2>
             <div class="mm-benefits">
                 <figure class="mm-benefit-photo">
-                    <img width="1425" height="950" src="../../images/event4-image2.webp" alt="Македонски студенти собрани во Љубљана" loading="lazy">
+                    <img width="1200" height="1600" src="../../images/mm-benefit-real-events.webp" alt="Македонски студенти собрани во Љубљана" loading="lazy">
                     <figcaption>Вистински настани, вистински пријателства</figcaption>
                 </figure>
                 <article class="mm-benefit">
@@ -241,7 +241,7 @@
                     <h3>Почувствувај се како дома</h3><p>Припаѓај на заедница каде никогаш не мораш да објаснуваш од каде доаѓаш.</p>
                 </article>
                 <figure class="mm-benefit-photo">
-                    <img width="1087" height="586" src="../../images/msnl-3.webp" alt="Студенти ги пишуваат своите имиња на кирилица на македонската студентска вечер" loading="lazy">
+                    <img width="1600" height="1067" src="../../images/mm-benefit-piece-of-home.webp" alt="Студенти ги пишуваат своите имиња на кирилица на македонската студентска вечер" loading="lazy">
                     <figcaption>Дом далеку од дома</figcaption>
                 </figure>
             </div>
@@ -265,26 +265,32 @@
                 <div class="hub-track">
                   <div class="hub-group">
                     <article class="hub-use mm-use">
+                        <img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/mm-way-stay-connected.webp" alt="Остани поврзан">
                         <div class="mm-use-ico"><i class="fas fa-envelope-open-text" aria-hidden="true"></i></div>
                         <div class="hub-use-body"><h3>Остани поврзан</h3><p>Примај новости и знај што се случува.</p></div>
                     </article>
                     <article class="hub-use mm-use">
+                        <img width="1600" height="1067" class="hub-use-img" loading="lazy" decoding="async" src="../../images/mm-way-community.webp" alt="Приклучи се на заедницата">
                         <div class="mm-use-ico"><i class="fas fa-mug-hot" aria-hidden="true"></i></div>
                         <div class="hub-use-body"><h3>Приклучи се на заедницата</h3><p>Доаѓај на настани, запознавај луѓе и учествувај кога ти одговара.</p></div>
                     </article>
                     <article class="hub-use mm-use">
+                        <img width="1600" height="1200" class="hub-use-img" loading="lazy" decoding="async" src="../../images/mm-way-volunteer.webp" alt="Волонтирај повремено">
                         <div class="mm-use-ico"><i class="fas fa-hands-helping" aria-hidden="true"></i></div>
                         <div class="hub-use-body"><h3>Волонтирај повремено</h3><p>Помагај на избрани активности без долгорочна обврска.</p></div>
                     </article>
                     <article class="hub-use mm-use">
+                        <img width="1600" height="1067" class="hub-use-img" loading="lazy" decoding="async" src="../../images/mm-way-projects.webp" alt="Приклучи се на проекти">
                         <div class="mm-use-ico"><i class="fas fa-diagram-project" aria-hidden="true"></i></div>
                         <div class="hub-use-body"><h3>Приклучи се на проекти</h3><p>Придонеси на конкретни иницијативи, кампањи, водичи или соработки.</p></div>
                     </article>
                     <article class="hub-use mm-use">
+                        <img width="1600" height="1067" class="hub-use-img" loading="lazy" decoding="async" src="../../images/mm-way-events.webp" alt="Организирај настани">
                         <div class="mm-use-ico"><i class="fas fa-calendar-check" aria-hidden="true"></i></div>
                         <div class="hub-use-body"><h3>Организирај настани</h3><p>Помагај да се планираат, координираат, промовираат и реализираат активности.</p></div>
                     </article>
                     <article class="hub-use mm-use">
+                        <img width="1600" height="900" class="hub-use-img" loading="lazy" decoding="async" src="../../images/mm-way-responsibility.webp" alt="Преземи одговорност">
                         <div class="mm-use-ico"><i class="fas fa-star" aria-hidden="true"></i></div>
                         <div class="hub-use-body"><h3>Преземи одговорност</h3><p>Истражи лидерство, управување, застапување или улоги во локален тим.</p></div>
                     </article>