feat: add z-index to seasonal styles for improved layering

Jellyfin.Plugin.Seasonals/Web/christmas.css

@@ -12,6 +12,7 @@
 
 .christmas {
   position: fixed;
+  z-index: 10;
   top: -10%;
   font-size: 1em;
   color: #fff;

Jellyfin.Plugin.Seasonals/Web/easter.css

@@ -12,6 +12,7 @@
 
 .hopping-rabbit {
     position: fixed;
+    z-index: 10;
     bottom: 10px;
     width: 70px;
     overflow: hidden;
@@ -28,6 +29,7 @@
 
 .easter {
     position: fixed;
+    z-index: 10;
     top: -10%;
     font-size: 1em;
     color: #fff;

Jellyfin.Plugin.Seasonals/Web/halloween.css

@@ -13,7 +13,7 @@
 .halloween {
     position: fixed;
     bottom: -10%;
-    z-index: 0;
+    z-index: 10;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;

Jellyfin.Plugin.Seasonals/Web/hearts.css

@@ -13,7 +13,7 @@
 .heart {
     position: fixed;
     bottom: -10%;
-    z-index: 0;
+    z-index: 10;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;

Jellyfin.Plugin.Seasonals/Web/snowstorm.css

@@ -1,13 +1,20 @@
-.snowflake {
+.snowstorm-container {
     position: fixed;
-    background-color: rgba(255, 255, 255, 0.8);
+    width: 100%;
-    border-radius: 50%;
+    height: 100vh;
-    pointer-events: none;
+    background: transparent;
-    opacity: 0.7;
     overflow: hidden;
+    pointer-events: none;
+    top: 0;
+    left: 0;
+    z-index: 10;
+}
+
+#snowfallCanvas {
+    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
-    z-index: 10;
+    pointer-events: none;
 }