on mobile less snowflakes

seasonals/snowfall.js

@@ -1,5 +1,6 @@
 const snowfall = true; // enable/disable snowfall
 const snowflakesCount = 500; // count of snowflakes (recommended values: 300-600)
+const snowflakesCountMobile = 300; // count of snowflakes on mobile devices
 const snowFallSpeed = 3; // speed of snowfall	(recommended values: 0-5)
 
 let msgPrinted = false; // flag to prevent multiple console messages
@@ -118,12 +119,17 @@ function animateSnowfall() {
 
 // initialize snowfall
 function initializeSnowfall() {
-  if (!snowfall){
+  if (!snowfall) {
     console.warn('Snowfall is disabled.');
     return; // exit if snowfall is disabled
   }
   const container = document.querySelector('.snowfall-container');
   if (container) {
+    const screenWidth = window.innerWidth; // get the screen width to detect mobile devices
+    if (screenWidth < 768) { // lower count of snowflakes on mobile devices
+      snowflakesCount = snowflakesCountMobile;
+    }
+
     console.log('Snowfall enabled.');
     initializeCanvas();
     snowflakes = createSnowflakes(container);

seperate single seasonals/Seasonals-Snowfall/snowfall.js

@@ -124,6 +124,11 @@ document.addEventListener('DOMContentLoaded', () => {
   }
   const container = document.querySelector('.snowfall-container');
   if (container) {
+    const screenWidth = window.innerWidth; // get the screen width to detect mobile devices
+    if (screenWidth < 768) { // lower count of snowflakes on mobile devices
+      snowflakesCount = snowflakesCountMobile;
+    }
+
     console.log('Snowfall enabled.');
     initializeCanvas();
     snowflakes = createSnowflakes(container);