fix: refine fullscreen photo overlay

src/server/page-template.ts

@@ -140,12 +140,12 @@ ${APP_STYLES}
     </section>
 
     <div class="overlay" id="overlay" aria-hidden="true">
+      <button class="close overlay-close" id="close-overlay" type="button" aria-label="Close photo">
+        x
+      </button>
       <div class="overlay-card">
         <header>
           <strong id="overlay-title">Photo</strong>
-          <button class="close" id="close-overlay" type="button" aria-label="Close photo">
-            x
-          </button>
         </header>
         <div class="overlay-media">
           <div class="overlay-loading" id="overlay-loading" aria-live="polite" aria-atomic="true">