feat: add open image & fix zoom origin

index.html

@@ -24,7 +24,9 @@
     <div class="overlay" id="popup">
         <div class="popup">
             <div class="popup-photo">
-                <img src="https://avatars0.githubusercontent.com/u/43749971" alt="Profile Picture">
+                <a href="https://avatars0.githubusercontent.com/u/43749971" target="_blank">
+                    <img src="https://avatars0.githubusercontent.com/u/43749971" alt="Profile Picture">
+                </a>
             </div>
             <div class="popup-quote">
                 But... the sensation that I've lost something lingers for a longtime after I wake up.

style.css

@@ -151,7 +151,7 @@ body {
 
 .popup {
     position: relative;
-    /* top: -100vw; */
+    top: -43%;
     /* right: -100vh; */
     display: flex;
     flex-direction: column;
@@ -196,7 +196,7 @@ body {
 
 .overlay:target .popup {
     transform: scale(1);
-    /* top: 0; */
+    top: 0;
     /* right: 0; */
     /* transform: rotate(0); */
 }