/* Preloader styling */
   #preloader {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: #000;
       /* background color while loading */
       display: flex;
       align-items: center;
       justify-content: center;
       z-index: 9999;
       transition: opacity 0.5s ease;
   }

   #preloader img {
       width: 40%;
       /* adjust size as needed */
       height: auto;
   }

   /* Hide preloader when done */
   #preloader.hidden {
       opacity: 0;
       pointer-events: none;
   }

   /* Example page content */