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>

en/student-welcome-guide/student-accommodation/index.html

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