style: refactor PDF viewer structure for improved readability and maintainability

src/resume.md

@@ -12,6 +12,13 @@ sitemapChangefreq: "monthly"
             id="pdf-viewer"
             data="/resume/jesus.pdf#view=FitH&toolbar=0&navpanes=0"
             style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;">
+            <iframe
+                src="document.pdf"
+                width="100%"
+                height="100%"
+                style="border: none"
+                title="Fallback PDF Viewer"
+                >
                 <div class="flex flex-col items-center justify-center h-full text-center p-8 bg-gray-800 rounded-lg">
                     <i class="fas fa-file-pdf fa-3x text-red-500 mb-4"></i>
                     <p class="text-xl font-semibold text-white mb-2">Oops! Your browser doesn't support embedded PDFs.</p>
@@ -20,6 +27,7 @@ sitemapChangefreq: "monthly"
                     <i class="fas fa-download mr-2"></i>Download
                     </a>
                 </div>
+            </iframe>
         </object>
     </div>
 </div>