diff --git a/src/css/game.css b/src/css/game.css
index 9f5a4d2..1ccc11e 100644
--- a/src/css/game.css
+++ b/src/css/game.css
@@ -239,3 +239,20 @@
         transform: translate(-50%, -150%) scale(1.5)
     }
 }
+
+.dmg{
+    width: 800px;
+    
+    position: absolute;
+    top: 40%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+
+    z-index: 9999;
+    pointer-events: none;
+
+    display: none;
+    image-rendering: pixelated;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
diff --git a/src/game/firstperson.html b/src/game/firstperson.html
index 50ade11..6836fa0 100644
--- a/src/game/firstperson.html
+++ b/src/game/firstperson.html
@@ -19,7 +19,6 @@
         <div class="content">
             <div class="boss">
                 <img id="boss" src="/assets/Design/PYTHON-BOSSFIGHTMODEFINALt.gif" alt="">
-                <img id="dmg" class="dmg" src="/assets/Design/damageeffectNEWSLASH.gif"/>
             </div>
             <div class="hearts" id="hrt">
                 <img id="h1" src="/assets/Design/Heartfull.png">
@@ -36,6 +35,7 @@
                 </div>
             </div>
             <h2 id="scoreAlert"></h2>
+            <img id="dmg" class="dmg" src="/assets/Design/damageeffectNEWSLASH.gif"/>
         </div>
     </div>
     <script type="module" src="/js/firstperson.js"></script>