/* Splash screen styles */
#splash-screen {
    background-color: black; /* Black background */
    position: fixed; /* Ensures splash screen covers the whole viewport */
    width: 100%;
    height: 100%;
    z-index: 1000; /* Ensures it's above other content */
    display: flex;
    justify-content: center; /* Centers content horizontally */
    align-items: center; /* Centers content vertically */
  }
  
  /* Image transition */
  .splash-screen img.center-image {
    transition: transform 1s ease, opacity 1s ease;
    max-width: 30%; /* Initial size of the logo */
    opacity: 1; /* Ensure the logo is fully visible */
  }