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>

mk/student-welcome-guide/student-residence-permit/index.html

@@ -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">