update

css/index.css

@@ -6,6 +6,11 @@ html, body , img, footer{
     z-index: -5;
 }
 
+html{
+    width: 1920px;
+    height: 1080px;
+}
+
 a{
     text-decoration: none;
     color: rgba(255, 255, 255, .7);

index.html

@@ -54,15 +54,15 @@
             </div>
             <div class="sign4 col-auto">
                 <img id="d" class="sign" src="../images/sign_D.png" alt="" width="36px" style="z-index: 1;">
-                <img class="hidden_d" src="../images/sign_d_text.png" alt="" width="14%" style="margin-left: 1%; z-index: 0;">
+                <img class="hidden_d" src="../images/sign_d_text.png" alt="" width="14%" style="margin-right: -13%; z-index: 0;">
             </div>
             <div class="sign5 col-auto">
                 <img id="e" class="sign" src="../images/sign_E.png" alt="" width="36px" style="z-index: 1;">
-                <img class="hidden_e" src="../images/sign_e_text.png" alt="" width="14%" style="margin-left: 1%; z-index: 0;">
+                <img class="hidden_e" src="../images/sign_e_text.png" alt="" width="14%" style="margin-right: -13%; z-index: 0;">
             </div>
             <div class="sign6 col-auto">
                 <img id="f" class="sign" src="../images/sign_F.png" alt="" width="36px" style="z-index: 1;">
-                <img class="hidden_f" src="../images/sign_f_text.png" alt="" width="14%" style="margin-left: 1%; z-index: 0;">
+                <img class="hidden_f" src="../images/sign_f_text.png" alt="" width="14%" style="margin-right: -13%; z-index: 0;">
             </div>
         </div>
     </div>