content: add real photos + captions to all Student Welcome Guide pages

Replace the "Image placeholder" boxes on all 30 guide subpages + the guide landing hero with real, optimized photos and captions, EN/MK/SI (93 figures). - 31 source photos (up to 18 MB) optimized to WebP (<=1400px, all <500 KB) as images/guide-<slug>.webp. - Captions follow the Get-to-Know style: description + "Photo:/Фото:/Foto:" + linked source (or MSOS for own event photos). Photographer credits kept. MK/SI descriptions are translated (proofread welcome). - CSS: move the banner crop from the figure onto the <img> so the caption shows below it (was clipped by the figure's fixed height + overflow). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-04 12:58:45 +02:00
1 parent 4721b3cc75
commit b1a2a62f1b
@@ -198,8 +198,9 @@
                <h1>Како функционира универзитетското студирање</h1>
                <p class="article-subtitle">Академската година, ECTS, оцените, пријавата на испити, референтот, учењето словенечки, туторството и вонстудиските ECTS.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="1284" fetchpriority="high" decoding="async" src="../../../images/guide-academic-life.webp" alt="Економскиот факултет во Љубљана (SEB LU).">
+                <figcaption>Економскиот факултет во Љубљана (SEB LU). Фото: <a href="https://efnet.si/2021/03/ekonomska-fakulteta-praznuje-75-letnico/" target="_blank" rel="noopener">efnet.si</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Основни административни алатки</h1>
                <p class="article-subtitle">EMŠO, даночен број, SI-PASS, банкарска сметка и телефонски пакет ги отклучуваат речиси сите други услуги.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1024" height="576" fetchpriority="high" decoding="async" src="../../../images/guide-administrative-basics.webp" alt="Логото на ФУРС (финансиска управа) на знак.">
+                <figcaption>Логото на ФУРС (финансиска управа) на знак. Фото: <a href="https://www.nadlani.si/novice/furs-z-nujnim-opozorilom-ne-odpirajte-laznega-sporocila-ki-krozi-v-njihovem-imenu/" target="_blank" rel="noopener">nadlani.si</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Примени сте, што следува?</h1>
                <p class="article-subtitle">Приемот не е секогаш запишување. Прочитајте ја одлуката, завршете го запишувањето, земете потврда за запишување и проверете какви било трошоци.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="933" fetchpriority="high" decoding="async" src="../../../images/guide-admission-and-enrolment.webp" alt="Meet Student Slovenia 2025, настан на МСОС.">
+                <figcaption>Meet Student Slovenia 2025, настан на МСОС. Фото: МСОС</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Тековни рокови за пријавување</h1>
                <p class="article-subtitle">Роковите 2026/2027 за додипломски и магистерски студии за македонски граѓани, по универзитети. Секогаш отворете го точниот тековен конкурс.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="928" height="758" fetchpriority="high" decoding="async" src="../../../images/guide-application-deadlines.webp" alt="Универзитетот на Приморска.">
+                <figcaption>Универзитетот на Приморска. Фото: <a href="https://www.student.si/studij/univerza-na-primorskem/" target="_blank" rel="noopener">student.si</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Листа за проверка по пристигнувањето</h1>
                <p class="article-subtitle">Што да направите во првите 72 часа, првата недела и првиот месец по пристигнувањето во Словенија.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="758" fetchpriority="high" decoding="async" src="../../../images/guide-arrival-checklist.webp" alt="Знак за автобуска постојка во Љубљана.">
+                <figcaption>Знак за автобуска постојка во Љубљана. Фото: <a href="https://www.visitljubljana.com/en/travel-trade/plan-your-visit/tour-buses" target="_blank" rel="noopener">visitljubljana.com</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Пријавување на додипломски студии</h1>
                <p class="article-subtitle">Процесот преку eVŠ, пакетот документи, роковите 2026/2027 по универзитети и зошто да се пријавите рано.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1000" height="750" fetchpriority="high" decoding="async" src="../../../images/guide-bachelor-application.webp" alt="Љубљана.">
+                <figcaption>Љубљана. Фото: <a href="https://www.firsty.app/the-wanderer/travel/why-slovenia-is-europe-s-best-budget-destination-in-2025" target="_blank" rel="noopener">firsty.app</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Како да ја изберете вистинската студиска програма</h1>
                <p class="article-subtitle">Прво споредете ја програмата, потоа градот. Искористете ги информативните денови и рано проверете ги јазичните услови и тестовите за надареност.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="825" height="585" fetchpriority="high" decoding="async" src="../../../images/guide-choose-a-programme.webp" alt="Универзитетот во Љубљана.">
+                <figcaption>Универзитетот во Љубљана. Фото: <a href="https://smapse.com/university-of-ljubljana-ul-university-of-ljubljana/" target="_blank" rel="noopener">smapse.com</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Целосниот пат до студирање во Словенија</h1>
                <p class="article-subtitle">Девет фази од истражување програма до првата година, со престој, здравство и сместување средени паралелно.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1200" height="630" fetchpriority="high" decoding="async" src="../../../images/guide-complete-student-journey.webp" alt="Градот Марибор.">
+                <figcaption>Градот Марибор. Фото: <a href="https://slovenia.si/this-is-slovenia/top-facts-about-maribor" target="_blank" rel="noopener">slovenia.si</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Правилна подготовка на документите</h1>
                <p class="article-subtitle">Една главна папка, јасни имиња на датотеки, разликата меѓу оригинал, копија, превод и легализација и основна заштита на податоци.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="933" fetchpriority="high" decoding="async" src="../../../images/guide-document-preparation.webp" alt="Meet Student Slovenia 2025, настан на МСОС.">
+                <figcaption>Meet Student Slovenia 2025, настан на МСОС. Фото: МСОС</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Како да поднесете пријава преку eVŠ</h1>
                <p class="article-subtitle">Подгответе се, најавете се, внесете го претходното образование, рангирајте ги програмите, прикачете и притиснете Поднеси. Нацртот не е пријава.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="610" fetchpriority="high" decoding="async" src="../../../images/guide-evs-application-guide.webp" alt="Министерството за високо образование, наука и иновации на Словенија.">
+                <figcaption>Министерството за високо образование, наука и иновации на Словенија. Фото: <a href="https://www.had.si/blog/2024/03/31/ministerstvo-za-visoko-solstvo-clovek-se-vsak-dan-nauci-nekaj-novega-kajne/" target="_blank" rel="noopener">had.si</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Здравствена заштита по пристигнувањето</h1>
                <p class="article-subtitle">Броеви за итни случаи, што да носите и студентски здравствени контакти по градови.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1200" height="798" fetchpriority="high" decoding="async" src="../../../images/guide-healthcare-in-slovenia.webp" alt="Логото на ЗЗЗС на зграда.">
+                <figcaption>Логото на ЗЗЗС на зграда. Фото: Jure Kljajić, <a href="https://svet24.si/zdravje/zzzs-opozarja-na-lazno-elektronsko-posto-poslano-v-imenu-zavoda-1294286" target="_blank" rel="noopener">svet24.si</a></figcaption>
            </figure>

            <div class="article-body">
@@ -195,8 +195,9 @@
            <span class="guide-eyebrow">Водич за студенти</span>
            <h1>Од Македонија до Словенија, чекор по чекор</h1>
            <p class="guide-lead">Вашиот целосен пат од македонско средно училиште или прв циклус до запишан студентски живот во Словенија.</p>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="933" fetchpriority="high" decoding="async" src="../../images/guide-hero.webp" alt="Македонски студенти во Словенија.">
+                <figcaption>Македонски студенти во Словенија. Фото: МСОС</figcaption>
            </figure>
                <p>Преселбата во Словенија заради додипломски или магистерски студии не е само една пријава на универзитет. Треба да ја изберете вистинската програма, да поднесете пријава преку eVŠ, да го завршите признавањето на претходното образование, да ја средите документацијата за престој и здравство, да најдете сместување, да отпатувате во вистинскиот град, да се запишете и да ги активирате услугите поврзани со студентскиот статус.</p>
                <p>Овој водич ги обединува тие чекори за македонските студенти и нивните семејства.</p>
@@ -198,8 +198,9 @@
                <h1>Пријавување на магистерски студии</h1>
                <p class="article-subtitle">Магистерскиот прием го водат факултетите. Проверете ја компатибилноста на полето рано и запомнете дека нема единствен национален рок.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="933" fetchpriority="high" decoding="async" src="../../../images/guide-master-application.webp" alt="Meet Student Slovenia 2023, настан на МСОС.">
+                <figcaption>Meet Student Slovenia 2023, настан на МСОС. Фото: МСОС</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Докажување средства, сместување и адреса</h1>
                <p class="article-subtitle">Како да докажете доволно средства, сместување и пријавена адреса за вашата дозвола за престој.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="758" fetchpriority="high" decoding="async" src="../../../images/guide-means-accommodation-address.webp" alt="Паркот Тиволи во Љубљана.">
+                <figcaption>Паркот Тиволи во Љубљана. Фото: <a href="https://www.visitljubljana.com/en/visitors/in-focus/stories/recharge-your-batteries-and-enjoy-park-tivolis-lush-greenery" target="_blank" rel="noopener">visitljubljana.com</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Официјални извори и листи за проверка</h1>
                <p class="article-subtitle">Главните официјални линкови зад овој водич, групирани по теми, плус листите за проверка и како да се управуваат изворите.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="933" fetchpriority="high" decoding="async" src="../../../images/guide-official-sources-and-checklists.webp" alt="Meet Student Slovenia 2024, настан на МСОС.">
+                <figcaption>Meet Student Slovenia 2024, настан на МСОС. Фото: МСОС</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Подготовка за преселба од Македонија</h1>
                <p class="article-subtitle">План по месеци, документите за рачен багаж, како да патувате и детална листа за пакување.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="933" fetchpriority="high" decoding="async" src="../../../images/guide-prepare-to-move.webp" alt="Meet Student Slovenia 2024, настан на МСОС.">
+                <figcaption>Meet Student Slovenia 2024, настан на МСОС. Фото: МСОС</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Признавање на образованието од Македонија</h1>
                <p class="article-subtitle">Признавањето одлучува дали вашето претходно образование дава пристап до словенечката програма. За кандидатите образувани во странство, тоа е дел од приемот.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="933" fetchpriority="high" decoding="async" src="../../../images/guide-recognition-of-education.webp" alt="Meet Student Slovenia 2025, настан на МСОС.">
+                <figcaption>Meet Student Slovenia 2025, настан на МСОС. Фото: МСОС</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Што следува по првата година?</h1>
                <p class="article-subtitle">Годишната обнова, правата за повторување и трансфер, губењето статус, патот по студии и напуштањето на Словенија се поврзани.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="933" fetchpriority="high" decoding="async" src="../../../images/guide-renew-change-graduate.webp" alt="Meet Student Slovenia 2024, настан на МСОС.">
+                <figcaption>Meet Student Slovenia 2024, настан на МСОС. Фото: МСОС</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Здравствено осигурување од Македонија</h1>
                <p class="article-subtitle">Како билатералниот пат RM/SI 3 ви дава пристап до здравство во Словенија и што не покрива.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1280" height="960" fetchpriority="high" decoding="async" src="../../../images/guide-rm-si-3-health-insurance.webp" alt="Фондот за здравствено осигурување на Северна Македонија во Скопје.">
+                <figcaption>Фондот за здравствено осигурување на Северна Македонија во Скопје. Фото: Different Photography, <a href="https://arhiva.emagazin.mk/pochna-isplatata-i-na-aptekite-od-utre-sredstva-na-smetkite-velat-od-fzo/" target="_blank" rel="noopener">emagazin.mk</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Наоѓање сместување за македонски редовни студенти</h1>
                <p class="article-subtitle">Субвенционираните јавни домови обично не ви се достапни со привремен престој. Планирајте економско или приватно сместување и избегнувајте измами.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="547" height="365" fetchpriority="high" decoding="async" src="../../../images/guide-student-accommodation.webp" alt="Воздушен поглед на Копер.">
+                <figcaption>Воздушен поглед на Копер. Фото: Jaka Ivančič, <a href="https://www.facebook.com/photo/?fbid=640127957470995&set=pcb.640131620803962" target="_blank" rel="noopener">facebook.com</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Планирање реален студентски буџет</h1>
                <p class="article-subtitle">Не постои единствена национална бројка. Направете буџет по градови, планирајте многу поголем прв месец и користете студентски попусти.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="932" fetchpriority="high" decoding="async" src="../../../images/guide-student-budget.webp" alt="Планирање на студентски буџет.">
+                <figcaption>Планирање на студентски буџет. Фото: Jakub Zerdzicki, <a href="https://www.pexels.com/photo/calculator-and-euro-banknote-on-documents-16600134/" target="_blank" rel="noopener">pexels.com</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Како да ја активирате субвенционираната студентска исхрана</h1>
                <p class="article-subtitle">Субвенционираната исхрана е достапна за подобните странски редовни студенти и постои низ словенечките студентски центри, не само во Љубљана.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1200" height="675" fetchpriority="high" decoding="async" src="../../../images/guide-student-meals.webp" alt="Субвенционирани студентски оброци, познати како бони.">
+                <figcaption>Субвенционирани студентски оброци, познати како бони. Фото: Arhiv Štajerskega Tednika, <a href="https://svet24.si/novice/finance/studentski-boni-v-vseh-krajih-po-drzavi-1397235" target="_blank" rel="noopener">svet24.si</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Како се организирани студентите во Словенија</h1>
                <p class="article-subtitle">Студентски организации, студентски совети, локални клубови, стручни друштва, универзитетски вонстудиски програми, ESN и заедници од дома.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1280" height="854" fetchpriority="high" decoding="async" src="../../../images/guide-student-organisations-and-extracurriculars.webp" alt="Студентската организација на Словенија.">
+                <figcaption>Студентската организација на Словенија. Фото: Nejc Maruško, <a href="https://www.culture.si/en/Slovenian_Student_Union" target="_blank" rel="noopener">culture.si</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Дозвола за привремен престој, чекор по чекор</h1>
                <p class="article-subtitle">Документите, шесте чекори, едногодишната важност и како да ја обновите дозволата за привремен престој заради студии.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="630" height="420" fetchpriority="high" decoding="async" src="../../../images/guide-student-residence-permit.webp" alt="Управната единица во Љубљана.">
+                <figcaption>Управната единица во Љубљана. Фото: <a href="https://reporter.si/kljucna-beseda/upravna-enota-ljubljana" target="_blank" rel="noopener">reporter.si</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Субвенциониран јавен превоз за студенти</h1>
                <p class="article-subtitle">Национални IJPP билети, градски превоз и изнајмување велосипеди. Подобноста не зависи од растојанието до факултетот.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="1050" fetchpriority="high" decoding="async" src="../../../images/guide-student-transport.webp" alt="Градски автобус во Марибор.">
+                <figcaption>Градски автобус во Марибор. Фото: <a href="https://sl.wikipedia.org/wiki/Mestna_avtobusna_linija_%C5%A1t._6_%28Maribor%29" target="_blank" rel="noopener">wikipedia.org</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Работа преку студентски сервис</h1>
                <p class="article-subtitle">Студентската работа е дозволена на студентската дозвола преку napotnica. Редовното вработување е друг пат што бара работна дозвола.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1200" height="758" fetchpriority="high" decoding="async" src="../../../images/guide-student-work.webp" alt="Студентска работа во Словенија.">
+                <figcaption>Студентска работа во Словенија. Фото: STA, <a href="https://www.sta.si/" target="_blank" rel="noopener">sta.si</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Запознајте го вашиот студентски град</h1>
                <p class="article-subtitle">Љубљана не е единствената опција. Споредете го секој словенечки студентски центар и градете го животот околу вистинската локација на настава.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="933" fetchpriority="high" decoding="async" src="../../../images/guide-study-cities.webp" alt="Градот Копер.">
+                <figcaption>Градот Копер. Фото: <a href="https://www.placesofjuma.com/koper-slovenia/" target="_blank" rel="noopener">placesofjuma.com</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Школарина за македонски студенти</h1>
                <p class="article-subtitle">Редовните јавни студии генерално се без школарина за македонските граѓани, но тоа не е ветување дека секоја програма е бесплатна.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="844" fetchpriority="high" decoding="async" src="../../../images/guide-tuition-and-scholarships.webp" alt="Универзитетот во Нова Горица.">
+                <figcaption>Универзитетот во Нова Горица. Фото: <a href="https://ung.si/en/" target="_blank" rel="noopener">ung.si</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Влезот не е исто што и престојот</h1>
                <p class="article-subtitle">Краткиот безвизен влез, визата Д и дозволата за престој заради студии се три различни работи. Знајте која ве држи тука законски.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1000" height="562" fetchpriority="high" decoding="async" src="../../../images/guide-visa-and-residence-explained.webp" alt="Студенти чекаат во ред пред управната единица во Љубљана.">
+                <figcaption>Студенти чекаат во ред пред управната единица во Љубљана. Фото: Jaka Gasar, <a href="https://www.dnevnik.si/novice/lokalno/stavka-zaposlenih-na-upravni-enoti-ljubljana-2072384/" target="_blank" rel="noopener">dnevnik.si</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Поддршка за време на животот во странство</h1>
                <p class="article-subtitle">Културниот шок е нормален. Изградете поддршка на неколку места, користете универзитетско советување и знајте ги броевите за итни случаи.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="933" fetchpriority="high" decoding="async" src="../../../images/guide-wellbeing-and-community.webp" alt="Meet Student Slovenia 2024, настан на МСОС.">
+                <figcaption>Meet Student Slovenia 2024, настан на МСОС. Фото: МСОС</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Каде да ја поднесете пријавата за престој</h1>
                <p class="article-subtitle">Амбасадата во Скопје или словенечка управна единица: каде да поднесете и кој ризик за законски престој да управувате.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
+            <figure class="guide-hero-image">
+                <img width="810" height="1080" fetchpriority="high" decoding="async" src="../../../images/guide-where-to-apply-for-residence.webp" alt="Македонското, словенечкото и знамето на ЕУ едно до друго.">
+                <figcaption>Македонското, словенечкото и знамето на ЕУ едно до друго. Фото: <a href="https://www.cmsr.si/sl/novice/2023112913313005/razvojno-sodelovanje-republike-slovenije-v-severni-makedoniji/" target="_blank" rel="noopener">cmsr.si</a></figcaption>
            </figure>

            <div class="article-body">