diff --git a/en/msos-hub/index.html b/en/msos-hub/index.html
index 81f3e84c..67a7b73e 100644
--- a/en/msos-hub/index.html
+++ b/en/msos-hub/index.html
@@ -231,44 +231,43 @@
               <div class="hub-uses">
                 <div class="hub-track">
                   <div class="hub-group">
-                <!-- NOTE: hub-use-img src values are temporary placeholders. Replace with the final photos. -->
                 <div class="hub-use">
-                    <img width="1920" height="1317" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event3-photo-2.webp" alt="Cultural evening at the Hub">
+                    <img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-cultural.webp" alt="Cultural evening at the Hub">
                     <div class="hub-use-body">
                         <h3>Cultural &amp; niche events</h3>
                         <p>Small cultural evenings, talks, exhibitions and community happenings.</p>
                     </div>
                 </div>
                 <div class="hub-use">
-                    <img width="1920" height="1280" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event4-image1.webp" alt="A celebration at the Hub">
+                    <img width="461" height="827" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-birthdays.webp" alt="A celebration at the Hub">
                     <div class="hub-use-body">
                         <h3>Birthdays &amp; celebrations</h3>
                         <p>Host a birthday, a name day or any celebration with your friends.</p>
                     </div>
                 </div>
                 <div class="hub-use">
-                    <img width="1920" height="1337" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event3-photo-5.webp" alt="Watching sports together at the Hub">
+                    <img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-sports.webp" alt="Watching sports together at the Hub">
                     <div class="hub-use-body">
                         <h3>Sports watching</h3>
                         <p>Gather to cheer on the game together on the projector screen.</p>
                     </div>
                 </div>
                 <div class="hub-use">
-                    <img width="1920" height="1341" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event3-photo-8.webp" alt="Music and dancing at the Hub">
+                    <img width="1600" height="1200" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-singing.webp" alt="Music and dancing at the Hub">
                     <div class="hub-use-body">
                         <h3>Singing &amp; dancing</h3>
                         <p>An evening of music, singing and dancing, with the piano right there.</p>
                     </div>
                 </div>
                 <div class="hub-use">
-                    <img width="1920" height="1280" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event4-image3.webp" alt="A meeting at the Hub">
+                    <img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-meetings.webp" alt="A meeting at the Hub">
                     <div class="hub-use-body">
                         <h3>Meetings</h3>
                         <p>A quiet, equipped room for club, society or team meetings.</p>
                     </div>
                 </div>
                 <div class="hub-use">
-                    <img width="1317" height="877" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event4-image5.webp" alt="Project work at the Hub">
+                    <img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-project.webp" alt="Project work at the Hub">
                     <div class="hub-use-body">
                         <h3>Project work</h3>
                         <p>Space to focus, brainstorm on the whiteboard and get things done together.</p>
@@ -306,12 +305,11 @@
                 <h2 class="hub-h2">A glimpse of the space</h2>
                 <p class="hub-sub">Photos of the finished Hub are on the way. For now, here is what we&rsquo;ll be showing.</p>
             </div>
-            <!-- NOTE: hub-shot images are temporary placeholders. Replace with the final Hub photos. -->
             <div class="hub-gallery">
-                <figure class="hub-shot"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event3-photo-1.webp" alt="A gathering at the Hub"></figure>
-                <figure class="hub-shot"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event3-photo-3.webp" alt="An event in the Hub space"></figure>
-                <figure class="hub-shot"><img width="1425" height="950" loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="People together at the Hub"></figure>
-                <figure class="hub-shot"><img width="960" height="540" loading="lazy" decoding="async" src="../../images/event3-photo-9.webp" alt="A moment from an event at the Hub"></figure>
+                <figure class="hub-shot"><img width="900" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-1.webp" alt="A gathering at the Hub"></figure>
+                <figure class="hub-shot"><img width="900" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-2.webp" alt="An event in the Hub space"></figure>
+                <figure class="hub-shot"><img width="1200" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-3.webp" alt="People together at the Hub"></figure>
+                <figure class="hub-shot"><img width="1200" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-4.webp" alt="A moment from an event at the Hub"></figure>
             </div>
         </section>
 
diff --git a/images/hub-shot-1.webp b/images/hub-shot-1.webp
new file mode 100644
index 00000000..f6983839
Binary files /dev/null and b/images/hub-shot-1.webp differ
diff --git a/images/hub-shot-2.webp b/images/hub-shot-2.webp
new file mode 100644
index 00000000..5d52fad6
Binary files /dev/null and b/images/hub-shot-2.webp differ
diff --git a/images/hub-shot-3.webp b/images/hub-shot-3.webp
new file mode 100644
index 00000000..a4ffe930
Binary files /dev/null and b/images/hub-shot-3.webp differ
diff --git a/images/hub-shot-4.webp b/images/hub-shot-4.webp
new file mode 100644
index 00000000..c8f90169
Binary files /dev/null and b/images/hub-shot-4.webp differ
diff --git a/images/hub-use-birthdays.webp b/images/hub-use-birthdays.webp
new file mode 100644
index 00000000..96b49843
Binary files /dev/null and b/images/hub-use-birthdays.webp differ
diff --git a/images/hub-use-cultural.webp b/images/hub-use-cultural.webp
new file mode 100644
index 00000000..58b276a9
Binary files /dev/null and b/images/hub-use-cultural.webp differ
diff --git a/images/hub-use-meetings.webp b/images/hub-use-meetings.webp
new file mode 100644
index 00000000..c328585c
Binary files /dev/null and b/images/hub-use-meetings.webp differ
diff --git a/images/hub-use-project.webp b/images/hub-use-project.webp
new file mode 100644
index 00000000..8ee37651
Binary files /dev/null and b/images/hub-use-project.webp differ
diff --git a/images/hub-use-singing.webp b/images/hub-use-singing.webp
new file mode 100644
index 00000000..6f1883c4
Binary files /dev/null and b/images/hub-use-singing.webp differ
diff --git a/images/hub-use-sports.webp b/images/hub-use-sports.webp
new file mode 100644
index 00000000..12c83340
Binary files /dev/null and b/images/hub-use-sports.webp differ
diff --git a/mk/msos-hub/index.html b/mk/msos-hub/index.html
index 48cff51c..0b317dce 100644
--- a/mk/msos-hub/index.html
+++ b/mk/msos-hub/index.html
@@ -231,44 +231,43 @@
               <div class="hub-uses">
                 <div class="hub-track">
                   <div class="hub-group">
-                <!-- NOTE: hub-use-img src values are temporary placeholders. Replace with the final photos. -->
                 <div class="hub-use">
-                    <img width="1920" height="1317" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event3-photo-2.webp" alt="Културна вечер во Hub">
+                    <img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-cultural.webp" alt="Културна вечер во Hub">
                     <div class="hub-use-body">
                         <h3>Културни и специфични настани</h3>
                         <p>Мали културни вечери, предавања, изложби и настани на заедницата.</p>
                     </div>
                 </div>
                 <div class="hub-use">
-                    <img width="1920" height="1280" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event4-image1.webp" alt="Прослава во Hub">
+                    <img width="461" height="827" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-birthdays.webp" alt="Прослава во Hub">
                     <div class="hub-use-body">
                         <h3>Родендени и прослави</h3>
                         <p>Организирај роденден, имен ден или каква било прослава со твоите пријатели.</p>
                     </div>
                 </div>
                 <div class="hub-use">
-                    <img width="1920" height="1337" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event3-photo-5.webp" alt="Заедничко гледање спорт во Hub">
+                    <img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-sports.webp" alt="Заедничко гледање спорт во Hub">
                     <div class="hub-use-body">
                         <h3>Гледање спорт</h3>
                         <p>Соберете се да навивате за натпреварот заедно на платното на проекторот.</p>
                     </div>
                 </div>
                 <div class="hub-use">
-                    <img width="1920" height="1341" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event3-photo-8.webp" alt="Музика и танцување во Hub">
+                    <img width="1600" height="1200" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-singing.webp" alt="Музика и танцување во Hub">
                     <div class="hub-use-body">
                         <h3>Пеење и танцување</h3>
                         <p>Вечер на музика, пеење и танцување, а пијаното е токму тука.</p>
                     </div>
                 </div>
                 <div class="hub-use">
-                    <img width="1920" height="1280" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event4-image3.webp" alt="Состанок во Hub">
+                    <img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-meetings.webp" alt="Состанок во Hub">
                     <div class="hub-use-body">
                         <h3>Состаноци</h3>
                         <p>Тивка, опремена просторија за состаноци на клубови, друштва или тимови.</p>
                     </div>
                 </div>
                 <div class="hub-use">
-                    <img width="1317" height="877" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event4-image5.webp" alt="Проектна работа во Hub">
+                    <img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-project.webp" alt="Проектна работа во Hub">
                     <div class="hub-use-body">
                         <h3>Проектна работа</h3>
                         <p>Простор за фокусирање, размислување на белата табла и заедничко завршување на работите.</p>
@@ -306,12 +305,11 @@
                 <h2 class="hub-h2">Како изгледа просторот</h2>
                 <p class="hub-sub">Фотографиите од завршениот Хаб пристигнуваат. Засега, еве што можеме да ви покажеме.</p>
             </div>
-            <!-- NOTE: hub-shot images are temporary placeholders. Replace with the final Hub photos. -->
             <div class="hub-gallery">
-                <figure class="hub-shot"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event3-photo-1.webp" alt="Собир во Хабот"></figure>
-                <figure class="hub-shot"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event3-photo-3.webp" alt="Настан во просторот на Хабот"></figure>
-                <figure class="hub-shot"><img width="1425" height="950" loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="Луѓе заедно во Хабот"></figure>
-                <figure class="hub-shot"><img width="960" height="540" loading="lazy" decoding="async" src="../../images/event3-photo-9.webp" alt="Момент од настан во Хабот"></figure>
+                <figure class="hub-shot"><img width="900" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-1.webp" alt="Собир во Хабот"></figure>
+                <figure class="hub-shot"><img width="900" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-2.webp" alt="Настан во просторот на Хабот"></figure>
+                <figure class="hub-shot"><img width="1200" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-3.webp" alt="Луѓе заедно во Хабот"></figure>
+                <figure class="hub-shot"><img width="1200" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-4.webp" alt="Момент од настан во Хабот"></figure>
             </div>
         </section>
 
diff --git a/si/msos-hub/index.html b/si/msos-hub/index.html
index 7fa391be..1021fe59 100644
--- a/si/msos-hub/index.html
+++ b/si/msos-hub/index.html
@@ -231,44 +231,43 @@
               <div class="hub-uses">
                 <div class="hub-track">
                   <div class="hub-group">
-                <!-- NOTE: hub-use-img src values are temporary placeholders. Replace with the final photos. -->
                 <div class="hub-use">
-                    <img width="1920" height="1317" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event3-photo-2.webp" alt="Kulturni večer v Hubu">
+                    <img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-cultural.webp" alt="Kulturni večer v Hubu">
                     <div class="hub-use-body">
                         <h3>Kulturni &amp; posebni dogodki</h3>
                         <p>Manjši kulturni večeri, predavanja, razstave in dogodki skupnosti.</p>
                     </div>
                 </div>
                 <div class="hub-use">
-                    <img width="1920" height="1280" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event4-image1.webp" alt="Praznovanje v Hubu">
+                    <img width="461" height="827" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-birthdays.webp" alt="Praznovanje v Hubu">
                     <div class="hub-use-body">
                         <h3>Rojstni dnevi &amp; praznovanja</h3>
                         <p>Priredi rojstni dan, god ali katero koli praznovanje s prijatelji.</p>
                     </div>
                 </div>
                 <div class="hub-use">
-                    <img width="1920" height="1337" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event3-photo-5.webp" alt="Skupni ogled športa v Hubu">
+                    <img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-sports.webp" alt="Skupni ogled športa v Hubu">
                     <div class="hub-use-body">
                         <h3>Ogled športa</h3>
                         <p>Zberite se in skupaj navijajte za tekmo na velikem platnu.</p>
                     </div>
                 </div>
                 <div class="hub-use">
-                    <img width="1920" height="1341" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event3-photo-8.webp" alt="Glasba in ples v Hubu">
+                    <img width="1600" height="1200" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-singing.webp" alt="Glasba in ples v Hubu">
                     <div class="hub-use-body">
                         <h3>Petje &amp; ples</h3>
                         <p>Večer glasbe, petja in plesa, klavir pa je kar tukaj.</p>
                     </div>
                 </div>
                 <div class="hub-use">
-                    <img width="1920" height="1280" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event4-image3.webp" alt="Sestanek v Hubu">
+                    <img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-meetings.webp" alt="Sestanek v Hubu">
                     <div class="hub-use-body">
                         <h3>Sestanki</h3>
                         <p>Miren, opremljen prostor za sestanke klubov, društev ali ekip.</p>
                     </div>
                 </div>
                 <div class="hub-use">
-                    <img width="1317" height="877" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event4-image5.webp" alt="Projektno delo v Hubu">
+                    <img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-project.webp" alt="Projektno delo v Hubu">
                     <div class="hub-use-body">
                         <h3>Projektno delo</h3>
                         <p>Prostor za zbranost, razmišljanje na tabli in skupno opravljanje nalog.</p>
@@ -306,12 +305,11 @@
                 <h2 class="hub-h2">Utrinek prostora</h2>
                 <p class="hub-sub">Fotografije dokončanega Huba so na poti. Za zdaj pa je tukaj, kaj bomo prikazali.</p>
             </div>
-            <!-- NOTE: hub-shot images are temporary placeholders. Replace with the final Hub photos. -->
             <div class="hub-gallery">
-                <figure class="hub-shot"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event3-photo-1.webp" alt="Druženje v Hubu"></figure>
-                <figure class="hub-shot"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event3-photo-3.webp" alt="Dogodek v prostoru Huba"></figure>
-                <figure class="hub-shot"><img width="1425" height="950" loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="Ljudje skupaj v Hubu"></figure>
-                <figure class="hub-shot"><img width="960" height="540" loading="lazy" decoding="async" src="../../images/event3-photo-9.webp" alt="Trenutek z dogodka v Hubu"></figure>
+                <figure class="hub-shot"><img width="900" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-1.webp" alt="Druženje v Hubu"></figure>
+                <figure class="hub-shot"><img width="900" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-2.webp" alt="Dogodek v prostoru Huba"></figure>
+                <figure class="hub-shot"><img width="1200" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-3.webp" alt="Ljudje skupaj v Hubu"></figure>
+                <figure class="hub-shot"><img width="1200" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-4.webp" alt="Trenutek z dogodka v Hubu"></figure>
             </div>
         </section>