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>Kako poteka študij na univerzi</h1>
                <p class="article-subtitle">Študijsko leto, ECTS, ocene, prijava na izpite, referat, učenje slovenščine, tutorstvo in obštudijske ECTS.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="1284" fetchpriority="high" decoding="async" src="../../../images/guide-academic-life.webp" alt="Ekonomska fakulteta v Ljubljani (SEB LU).">
+                <figcaption>Ekonomska fakulteta v Ljubljani (SEB LU). Foto: <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>Osnovna administrativna orodja</h1>
                <p class="article-subtitle">EMŠO, davčna številka, SI-PASS, bančni račun in telefonski paket odklenejo skoraj vse druge storitve.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="1024" height="576" fetchpriority="high" decoding="async" src="../../../images/guide-administrative-basics.webp" alt="Logotip FURS na tabli.">
+                <figcaption>Logotip FURS na tabli. Foto: <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>Sprejeti ste, kaj sledi?</h1>
                <p class="article-subtitle">Sprejem ni vedno vpis. Preberite odločbo, opravite vpis, pridobite potrdilo o vpisu in preverite morebitne stroške.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</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, dogodek MSOS.">
+                <figcaption>Meet Student Slovenia 2025, dogodek MSOS. Foto: MSOS</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Trenutni prijavni roki</h1>
                <p class="article-subtitle">Roki 2026/2027 za dodiplomski in magistrski študij za makedonske državljane, po univerzah. Vedno odprite točen aktualni razpis.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="928" height="758" fetchpriority="high" decoding="async" src="../../../images/guide-application-deadlines.webp" alt="Univerza na Primorskem.">
+                <figcaption>Univerza na Primorskem. Foto: <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>Kontrolni seznam ob prihodu</h1>
                <p class="article-subtitle">Kaj storiti v prvih 72 urah, prvem tednu in prvem mesecu po prihodu v Slovenijo.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="758" fetchpriority="high" decoding="async" src="../../../images/guide-arrival-checklist.webp" alt="Znak avtobusne postaje v Ljubljani.">
+                <figcaption>Znak avtobusne postaje v Ljubljani. Foto: <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>Prijava na dodiplomski študij</h1>
                <p class="article-subtitle">Postopek eVŠ, sklop dokumentov, roki 2026/2027 po univerzah in zakaj se prijaviti zgodaj.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="1000" height="750" fetchpriority="high" decoding="async" src="../../../images/guide-bachelor-application.webp" alt="Ljubljana.">
+                <figcaption>Ljubljana. Foto: <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>Kako izbrati pravi študijski program</h1>
                <p class="article-subtitle">Najprej primerjajte program, nato mesto. Dobro izkoristite informativne dneve in zgodaj preverite jezikovne pogoje in preizkuse nadarjenosti.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="825" height="585" fetchpriority="high" decoding="async" src="../../../images/guide-choose-a-programme.webp" alt="Univerza v Ljubljani.">
+                <figcaption>Univerza v Ljubljani. Foto: <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>Celotna pot do študija v Sloveniji</h1>
                <p class="article-subtitle">Devet stopenj od raziskovanja programa do prvega leta, s prebivanjem, zdravstvom in nastanitvijo, urejenimi vzporedno.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="1200" height="630" fetchpriority="high" decoding="async" src="../../../images/guide-complete-student-journey.webp" alt="Mesto Maribor.">
+                <figcaption>Mesto Maribor. Foto: <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>Pravilna priprava dokumentov</h1>
                <p class="article-subtitle">Ena glavna mapa, jasna imena datotek, razlika med izvirnikom, kopijo, prevodom in legalizacijo ter osnovno varstvo podatkov.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</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, dogodek MSOS.">
+                <figcaption>Meet Student Slovenia 2025, dogodek MSOS. Foto: MSOS</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Kako oddati prijavo prek eVŠ</h1>
                <p class="article-subtitle">Pripravite se, prijavite se, vnesite predhodno izobraževanje, razvrstite programe, naložite in pritisnite Oddaj. Osnutek ni prijava.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="610" fetchpriority="high" decoding="async" src="../../../images/guide-evs-application-guide.webp" alt="Ministrstvo za visoko šolstvo, znanost in inovacije.">
+                <figcaption>Ministrstvo za visoko šolstvo, znanost in inovacije. Foto: <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>Zdravstvena oskrba po prihodu</h1>
                <p class="article-subtitle">Klici v sili, kaj vzeti s seboj in študentski zdravstveni kontakti po mestih.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="1200" height="798" fetchpriority="high" decoding="async" src="../../../images/guide-healthcare-in-slovenia.webp" alt="Logotip ZZZS na stavbi.">
+                <figcaption>Logotip ZZZS na stavbi. Foto: 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">Vodnik za študente</span>
            <h1>Iz Makedonije v Slovenijo, korak za korakom</h1>
            <p class="guide-lead">Vaša celotna pot od makedonske srednje šole ali prve stopnje do vpisanega študentskega življenja v Sloveniji.</p>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="933" fetchpriority="high" decoding="async" src="../../images/guide-hero.webp" alt="Makedonski študenti v Sloveniji.">
+                <figcaption>Makedonski študenti v Sloveniji. Foto: MSOS</figcaption>
            </figure>
                <p>Selitev v Slovenijo zaradi dodiplomskega ali magistrskega študija ne pomeni le ene prijave na univerzo. Izbrati morate pravi program, oddati prijavo prek eVŠ, opraviti priznavanje predhodnega izobraževanja, urediti dokumentacijo za prebivanje in zdravstvo, najti nastanitev, odpotovati v pravo mesto, se vpisati in aktivirati storitve, povezane s statusom študenta.</p>
                <p>Ta vodnik združuje te korake za makedonske študente in njihove družine.</p>
@@ -198,8 +198,9 @@
                <h1>Prijava na magistrski študij</h1>
                <p class="article-subtitle">Magistrski sprejem vodijo fakultete. Zgodaj preverite ustreznost področja in ne pozabite, da enotnega nacionalnega roka ni.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</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, dogodek MSOS.">
+                <figcaption>Meet Student Slovenia 2023, dogodek MSOS. Foto: MSOS</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Dokazovanje sredstev, nastanitve in naslova</h1>
                <p class="article-subtitle">Kako dokazati zadostna sredstva, nastanitev in prijavljen naslov za dovoljenje za prebivanje.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="758" fetchpriority="high" decoding="async" src="../../../images/guide-means-accommodation-address.webp" alt="Park Tivoli v Ljubljani.">
+                <figcaption>Park Tivoli v Ljubljani. Foto: <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>Uradni viri in kontrolni seznami</h1>
                <p class="article-subtitle">Glavne uradne povezave, na katerih temelji ta vodnik, razvrščene po temah, ter kontrolni seznami in navodila za upravljanje virov.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</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, dogodek MSOS.">
+                <figcaption>Meet Student Slovenia 2024, dogodek MSOS. Foto: MSOS</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Priprava na selitev iz Makedonije</h1>
                <p class="article-subtitle">Načrt po mesecih, dokumenti za ročno prtljago, kako potovati in podroben seznam za pakiranje.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</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, dogodek MSOS.">
+                <figcaption>Meet Student Slovenia 2024, dogodek MSOS. Foto: MSOS</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Priznavanje izobraževanja iz Makedonije</h1>
                <p class="article-subtitle">Priznavanje odloči, ali vam predhodno izobraževanje omogoča dostop do slovenskega programa. Za prijavitelje iz tujine je del sprejema.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</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, dogodek MSOS.">
+                <figcaption>Meet Student Slovenia 2025, dogodek MSOS. Foto: MSOS</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Kaj sledi po prvem letu?</h1>
                <p class="article-subtitle">Letno podaljšanje, pravice do ponavljanja in prepisa, izguba statusa, pot po študiju in odhod iz Slovenije so povezani.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</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, dogodek MSOS.">
+                <figcaption>Meet Student Slovenia 2024, dogodek MSOS. Foto: MSOS</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Zdravstveno zavarovanje iz Makedonije</h1>
                <p class="article-subtitle">Kako vam dvostranska pot RM/SI 3 omogoča dostop do zdravstva v Sloveniji in česa ne krije.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</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="Zavod za zdravstveno zavarovanje Severne Makedonije v Skopju.">
+                <figcaption>Zavod za zdravstveno zavarovanje Severne Makedonije v Skopju. Foto: 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>Iskanje nastanitve za makedonske redne študente</h1>
                <p class="article-subtitle">Subvencionirani javni domovi vam ob začasnem prebivanju običajno niso na voljo. Načrtujte ekonomsko ali zasebno nastanitev in se izogibajte prevaram.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="547" height="365" fetchpriority="high" decoding="async" src="../../../images/guide-student-accommodation.webp" alt="Pogled iz zraka na Koper.">
+                <figcaption>Pogled iz zraka na Koper. Foto: 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>Načrtovanje realnega študentskega proračuna</h1>
                <p class="article-subtitle">Enotne nacionalne številke ni. Pripravite proračun po mestih, načrtujte precej dražji prvi mesec in izkoristite študentske popuste.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="932" fetchpriority="high" decoding="async" src="../../../images/guide-student-budget.webp" alt="Načrtovanje študentskega proračuna.">
+                <figcaption>Načrtovanje študentskega proračuna. Foto: 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>Kako urediti subvencionirano študentsko prehrano</h1>
                <p class="article-subtitle">Subvencionirana prehrana je na voljo upravičenim tujim rednim študentom in obstaja po slovenskih študijskih središčih, ne le v Ljubljani.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="1200" height="675" fetchpriority="high" decoding="async" src="../../../images/guide-student-meals.webp" alt="Subvencionirani študentski obroki (boni).">
+                <figcaption>Subvencionirani študentski obroki (boni). Foto: 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>Kako so študenti organizirani v Sloveniji</h1>
                <p class="article-subtitle">Študentske organizacije, študentski sveti, lokalni klubi, strokovna društva, univerzitetni obštudijski programi, ESN in skupnosti iz domovine.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="1280" height="854" fetchpriority="high" decoding="async" src="../../../images/guide-student-organisations-and-extracurriculars.webp" alt="Študentska organizacija Slovenije.">
+                <figcaption>Študentska organizacija Slovenije. Foto: 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>Dovoljenje za začasno prebivanje, korak za korakom</h1>
                <p class="article-subtitle">Dokumenti, šest korakov, enoletna veljavnost in kako podaljšati dovoljenje za začasno prebivanje zaradi študija.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="630" height="420" fetchpriority="high" decoding="async" src="../../../images/guide-student-residence-permit.webp" alt="Upravna enota v Ljubljani.">
+                <figcaption>Upravna enota v Ljubljani. Foto: <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>Subvencioniran javni prevoz za študente</h1>
                <p class="article-subtitle">Nacionalne vozovnice IJPP, mestni prevoz in izposoja koles. Upravičenost ni odvisna od razdalje do fakultete.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="1050" fetchpriority="high" decoding="async" src="../../../images/guide-student-transport.webp" alt="Mestni avtobus v Mariboru.">
+                <figcaption>Mestni avtobus v Mariboru. Foto: <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>Delo prek študentskega servisa</h1>
                <p class="article-subtitle">Študentsko delo je z napotnico dovoljeno na študentskem dovoljenju. Redna zaposlitev je druga pot, ki zahteva delovno dovoljenje.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="1200" height="758" fetchpriority="high" decoding="async" src="../../../images/guide-student-work.webp" alt="Študentsko delo v Sloveniji.">
+                <figcaption>Študentsko delo v Sloveniji. Foto: 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>Spoznajte svoje študijsko mesto</h1>
                <p class="article-subtitle">Ljubljana ni edina možnost. Primerjajte vsako slovensko študijsko središče in življenje gradite okoli dejanske lokacije predavanj.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="933" fetchpriority="high" decoding="async" src="../../../images/guide-study-cities.webp" alt="Mesto Koper.">
+                <figcaption>Mesto Koper. Foto: <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>Šolnina za makedonske študente</h1>
                <p class="article-subtitle">Redni javni študij je za makedonske državljane običajno brez šolnine, kar pa ni obljuba, da je vsak program brezplačen.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="844" fetchpriority="high" decoding="async" src="../../../images/guide-tuition-and-scholarships.webp" alt="Univerza v Novi Gorici.">
+                <figcaption>Univerza v Novi Gorici. Foto: <a href="https://ung.si/en/" target="_blank" rel="noopener">ung.si</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Vstop ni enako prebivanju</h1>
                <p class="article-subtitle">Kratek brezvizumski vstop, vizum D in dovoljenje za prebivanje zaradi študija so tri različne stvari. Vedite, katera vas ohranja tu zakonito.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</span>
+            <figure class="guide-hero-image">
+                <img width="1000" height="562" fetchpriority="high" decoding="async" src="../../../images/guide-visa-and-residence-explained.webp" alt="Študenti čakajo v vrsti pred upravno enoto v Ljubljani.">
+                <figcaption>Študenti čakajo v vrsti pred upravno enoto v Ljubljani. Foto: 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>Podpora med življenjem v tujini</h1>
                <p class="article-subtitle">Kulturni šok je običajen. Podporo si zgradite na več mestih, uporabite univerzitetno svetovanje in poznajte klice v sili.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</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, dogodek MSOS.">
+                <figcaption>Meet Student Slovenia 2024, dogodek MSOS. Foto: MSOS</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Kje oddati prošnjo za prebivanje</h1>
                <p class="article-subtitle">Veleposlaništvo v Skopju ali slovenska upravna enota: kje oddati in katero tveganje glede zakonitega bivanja upravljati.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Mesto za sliko</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="Makedonska, slovenska in zastava EU druga ob drugi.">
+                <figcaption>Makedonska, slovenska in zastava EU druga ob drugi. Foto: <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">