fix: trophy and ellipses

src/renderer/src/components/achievements/notification/achievement-notification.scss

@@ -144,15 +144,6 @@ $margin-bottom: 28px;
   height: 192px;
   display: flex;
 
-  &--closing * {
-    animation: none;
-  }
-
-  &--closing *::before,
-  &--closing *::after {
-    animation: none !important;
-  }
-
   &.top_left {
     align-items: start;
   }
@@ -292,6 +283,7 @@ $margin-bottom: 28px;
       height: 64px;
       background: #000;
       opacity: 0;
+      z-index: 1;
       animation: dark-overlay 900ms ease-in-out;
     }
 
@@ -302,6 +294,7 @@ $margin-bottom: 28px;
       width: 36px;
       height: 36px;
       opacity: 0;
+      z-index: 1;
       animation: trophy-out 900ms ease-in-out;
     }
 
@@ -472,4 +465,13 @@ $margin-bottom: 28px;
       #083e31 85.77%
     );
   }
+
+  &--closing * {
+    animation: none;
+  }
+
+  &--closing *::before,
+  &--closing *::after {
+    animation: none !important;
+  }
 }

src/renderer/src/components/achievements/notification/achievement-notification.tsx

@@ -6,6 +6,8 @@ import cn from "classnames";
 import "./achievement-notification.scss";
 import HydraIcon from "@renderer/assets/icons/hydra.svg?react";
 import { EyeClosedIcon } from "@primer/octicons-react";
+import Trophy from "@renderer/assets/icons/trophy.png";
+import Ellipses from "@renderer/assets/icons/ellipses.png";
 
 interface AchievementNotificationProps {
   position: AchievementCustomNotificationPosition;
@@ -66,12 +68,12 @@ export function AchievementNotificationItem({
             <div className="achievement-notification__additional-overlay__dark"></div>
             <img
               className="achievement-notification__additional-overlay__ellipses"
-              src="/src/assets/icons/ellipses.png"
+              src={Ellipses}
               alt="Ellipses effect"
             />
             <img
               className="achievement-notification__additional-overlay__trophy"
-              src="/src/assets/icons/trophy.png"
+              src={Trophy}
               alt="Trophy effect"
             />
           </div>