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>How university study works</h1>
                <p class="article-subtitle">The academic year, ECTS, grades, exam registration, the referat, learning Slovenian, tutoring, and extracurricular ECTS.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="1284" fetchpriority="high" decoding="async" src="../../../images/guide-academic-life.webp" alt="The School of Economics and Business in Ljubljana (SEB LU).">
+                <figcaption>The School of Economics and Business in Ljubljana (SEB LU). Photo: <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>Essential administrative tools</h1>
                <p class="article-subtitle">EMŠO, a tax number, SI-PASS, a bank account, and a phone plan unlock almost every other service.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
+            <figure class="guide-hero-image">
+                <img width="1024" height="576" fetchpriority="high" decoding="async" src="../../../images/guide-administrative-basics.webp" alt="The FURS financial administration logo on a sign.">
+                <figcaption>The FURS financial administration logo on a sign. Photo: <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>You have been accepted, what happens next?</h1>
                <p class="article-subtitle">Admission is not always enrolment. Read the decision, complete enrolment, get your certificate of enrolment, and check any charges.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</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, an MSOS event.">
+                <figcaption>Meet Student Slovenia 2025, an MSOS event. Photo: MSOS</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Current application deadlines</h1>
                <p class="article-subtitle">The 2026/2027 bachelor and master periods for Macedonian citizens, by university. Always open the exact current call.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
+            <figure class="guide-hero-image">
+                <img width="928" height="758" fetchpriority="high" decoding="async" src="../../../images/guide-application-deadlines.webp" alt="The University of Primorska.">
+                <figcaption>The University of Primorska. Photo: <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>Your arrival checklist</h1>
                <p class="article-subtitle">What to do in the first 72 hours, the first week, and the first month after you reach Slovenia.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="758" fetchpriority="high" decoding="async" src="../../../images/guide-arrival-checklist.webp" alt="A bus stop sign in Ljubljana.">
+                <figcaption>A bus stop sign in Ljubljana. Photo: <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>Applying for a bachelor degree</h1>
                <p class="article-subtitle">The eVŠ process, the document package, the 2026/2027 rounds by university, and why you should apply early.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</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. Photo: <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>How to choose the right programme</h1>
                <p class="article-subtitle">Compare the programme first, then the city. Use information days well, and confirm language and aptitude-test requirements early.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
+            <figure class="guide-hero-image">
+                <img width="825" height="585" fetchpriority="high" decoding="async" src="../../../images/guide-choose-a-programme.webp" alt="The University of Ljubljana.">
+                <figcaption>The University of Ljubljana. Photo: <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>Your complete journey to Slovenia</h1>
                <p class="article-subtitle">Nine stages from researching a programme to your first year, with residence, health, and housing handled in parallel.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
+            <figure class="guide-hero-image">
+                <img width="1200" height="630" fetchpriority="high" decoding="async" src="../../../images/guide-complete-student-journey.webp" alt="The city of Maribor.">
+                <figcaption>The city of Maribor. Photo: <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>Prepare your documents correctly</h1>
                <p class="article-subtitle">One master folder, clear filenames, the difference between original, copy, translation, and legalisation, and basic data protection.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</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, an MSOS event.">
+                <figcaption>Meet Student Slovenia 2025, an MSOS event. Photo: MSOS</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>How to apply through eVŠ</h1>
                <p class="article-subtitle">Prepare, log in, enter your previous education, order preferences, upload, and press Submit. A draft is not an application.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="610" fetchpriority="high" decoding="async" src="../../../images/guide-evs-application-guide.webp" alt="Slovenia's Ministry of Higher Education, Science and Innovation.">
+                <figcaption>Slovenia's Ministry of Higher Education, Science and Innovation. Photo: <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>Healthcare after you arrive</h1>
                <p class="article-subtitle">Emergency numbers, what to bring, and student health contacts city by city.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
+            <figure class="guide-hero-image">
+                <img width="1200" height="798" fetchpriority="high" decoding="async" src="../../../images/guide-healthcare-in-slovenia.webp" alt="The ZZZS health insurance institute logo on a building.">
+                <figcaption>The ZZZS health insurance institute logo on a building. Photo: 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">Student Welcome Guide</span>
            <h1>From Macedonia to Slovenia, step by step</h1>
            <p class="guide-lead">Your complete route from a Macedonian secondary school or first degree to enrolled student life in Slovenia.</p>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="933" fetchpriority="high" decoding="async" src="../../images/guide-hero.webp" alt="Macedonian students in Slovenia.">
+                <figcaption>Macedonian students in Slovenia. Photo: MSOS</figcaption>
            </figure>
                <p>Moving to Slovenia for a bachelor or master degree involves more than one university application. You need to choose the correct programme, submit an application through eVŠ, complete recognition of your previous education, arrange residence and health documentation, find accommodation, travel to the right city, enrol, and activate the services connected with student status.</p>
                <p>This guide brings those steps together for Macedonian students and families.</p>
@@ -198,8 +198,9 @@
                <h1>Applying for a master degree</h1>
                <p class="article-subtitle">Master admission is faculty-driven. Check field compatibility early, and remember there is no single national deadline.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</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, an MSOS event.">
+                <figcaption>Meet Student Slovenia 2023, an MSOS event. Photo: MSOS</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Proving that you can live in Slovenia</h1>
                <p class="article-subtitle">How to prove sufficient means, accommodation, and a registered address for your residence permit.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</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 in Ljubljana.">
+                <figcaption>Park Tivoli in Ljubljana. Photo: <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>Official sources and checklists</h1>
                <p class="article-subtitle">The primary official links behind this guide, grouped by topic, plus the checklists to build and how to manage sources.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</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, an MSOS event.">
+                <figcaption>Meet Student Slovenia 2024, an MSOS event. Photo: MSOS</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Preparing to move from Macedonia</h1>
                <p class="article-subtitle">A month-by-month plan, the documents to keep in your hand luggage, how to travel, and a detailed packing list.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</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, an MSOS event.">
+                <figcaption>Meet Student Slovenia 2024, an MSOS event. Photo: MSOS</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Recognition of Macedonian education</h1>
                <p class="article-subtitle">Recognition decides whether your prior education gives access to the Slovenian programme. For applicants educated abroad, it is part of admission.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</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, an MSOS event.">
+                <figcaption>Meet Student Slovenia 2025, an MSOS event. Photo: MSOS</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>What happens after the first year?</h1>
                <p class="article-subtitle">Annual renewal, repeat and transfer rights, losing status, the post-study route, and leaving Slovenia are all connected.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</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, an MSOS event.">
+                <figcaption>Meet Student Slovenia 2024, an MSOS event. Photo: MSOS</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Health insurance from Macedonia</h1>
                <p class="article-subtitle">How the bilateral RM/SI 3 route gives you healthcare access in Slovenia, and what it does not cover.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</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="The Health Insurance Fund of North Macedonia in Skopje.">
+                <figcaption>The Health Insurance Fund of North Macedonia in Skopje. Photo: 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>Finding accommodation as a Macedonian degree student</h1>
                <p class="article-subtitle">Subsidised public dorms are usually closed to you on temporary residence. Plan for economic-rate or private housing, and avoid scams.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
+            <figure class="guide-hero-image">
+                <img width="547" height="365" fetchpriority="high" decoding="async" src="../../../images/guide-student-accommodation.webp" alt="An aerial view of Koper.">
+                <figcaption>An aerial view of Koper. Photo: 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>Plan a realistic student budget</h1>
                <p class="article-subtitle">There is no single national figure. Build a city-based budget, plan for a much larger first month, and use student discounts.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="932" fetchpriority="high" decoding="async" src="../../../images/guide-student-budget.webp" alt="Planning a student budget.">
+                <figcaption>Planning a student budget. Photo: 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>How to activate student meals</h1>
                <p class="article-subtitle">Subsidised meals are open to eligible foreign degree students and exist across Slovenian study centres, not only in Ljubljana.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
+            <figure class="guide-hero-image">
+                <img width="1200" height="675" fetchpriority="high" decoding="async" src="../../../images/guide-student-meals.webp" alt="Subsidised student meals, known as boni.">
+                <figcaption>Subsidised student meals, known as boni. Photo: 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>How students are organised in Slovenia</h1>
                <p class="article-subtitle">Student organisations, student councils, local clubs, professional societies, university extracurricular programmes, ESN, and communities from home.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
+            <figure class="guide-hero-image">
+                <img width="1280" height="854" fetchpriority="high" decoding="async" src="../../../images/guide-student-organisations-and-extracurriculars.webp" alt="The Slovenian Student Union.">
+                <figcaption>The Slovenian Student Union. Photo: 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>Temporary residence permit, step by step</h1>
                <p class="article-subtitle">The documents, the six steps, the one-year validity, and how to renew the temporary residence permit for study.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
+            <figure class="guide-hero-image">
+                <img width="630" height="420" fetchpriority="high" decoding="async" src="../../../images/guide-student-residence-permit.webp" alt="The administrative unit in Ljubljana.">
+                <figcaption>The administrative unit in Ljubljana. Photo: <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>Student public transport</h1>
                <p class="article-subtitle">National IJPP tickets, city transport, and bicycle sharing. Eligibility does not depend on the distance to your faculty.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="1050" fetchpriority="high" decoding="async" src="../../../images/guide-student-transport.webp" alt="A city bus in Maribor.">
+                <figcaption>A city bus in Maribor. Photo: <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>Working through a student service</h1>
                <p class="article-subtitle">Student work is allowed on the student permit through a napotnica. Regular employment is a different route that needs a work permit.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
+            <figure class="guide-hero-image">
+                <img width="1200" height="758" fetchpriority="high" decoding="async" src="../../../images/guide-student-work.webp" alt="Student work in Slovenia.">
+                <figcaption>Student work in Slovenia. Photo: 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>Choose and understand your study city</h1>
                <p class="article-subtitle">Ljubljana is not the only option. Compare each Slovenian study centre and build your life around the real teaching location.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="933" fetchpriority="high" decoding="async" src="../../../images/guide-study-cities.webp" alt="The city of Koper.">
+                <figcaption>The city of Koper. Photo: <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>Tuition rules for Macedonian students</h1>
                <p class="article-subtitle">Full-time public study is generally tuition-free for Macedonian citizens, but this is not a promise that every programme is free.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
+            <figure class="guide-hero-image">
+                <img width="1400" height="844" fetchpriority="high" decoding="async" src="../../../images/guide-tuition-and-scholarships.webp" alt="The University of Nova Gorica.">
+                <figcaption>The University of Nova Gorica. Photo: <a href="https://ung.si/en/" target="_blank" rel="noopener">ung.si</a></figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Entry is not the same as residence</h1>
                <p class="article-subtitle">Short visa-free entry, visa D, and the study residence permit are three different things. Know which one keeps you here legally.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
+            <figure class="guide-hero-image">
+                <img width="1000" height="562" fetchpriority="high" decoding="async" src="../../../images/guide-visa-and-residence-explained.webp" alt="Students waiting in line at the administrative unit in Ljubljana.">
+                <figcaption>Students waiting in line at the administrative unit in Ljubljana. Photo: 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>Support while living abroad</h1>
                <p class="article-subtitle">Culture shock is normal. Build support in several places, use university counselling, and know your emergency numbers.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</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, an MSOS event.">
+                <figcaption>Meet Student Slovenia 2024, an MSOS event. Photo: MSOS</figcaption>
            </figure>

            <div class="article-body">
@@ -198,8 +198,9 @@
                <h1>Where to submit the residence application</h1>
                <p class="article-subtitle">The embassy in Skopje or a Slovenian administrative unit: where to submit, and the lawful-stay risk to manage.</p>
            </header>
-            <figure class="guide-hero-image guide-hero-image--placeholder">
-                <span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</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="The Macedonian, Slovenian and EU flags side by side.">
+                <figcaption>The Macedonian, Slovenian and EU flags side by side. Photo: <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">