/* Ustawienia bazowe dla strony */
html, body {
    height: 100%; /* Zapewnia pełną wysokość strony */
    margin: 0;
    padding: 0;
}

/* Styl dla kontenera obrazu (który wypełnia całe okno) */
.background-image {
    width: 100vw; 
    height: 100vh;
    
    background-image: url('morfosis_min.png'); 
    
    /* 💥 KLUCZ: Ustaw procentowy rozmiar tła! 💥 */
    /* Pierwsza wartość (np. 50%) to SZEROKOŚĆ obrazu.
       Druga wartość (np. 50%) to WYSOKOŚĆ obrazu. 
       Wartość 50% oznacza, że obraz zajmie 50% szerokości lub wysokości kontenera (viewportu).
    */
    background-size: 20%; 
    
    /* Wyśrodkowuje obraz na środku elementu */
    background-position: center; 
    
    /* Zapobiega powtarzaniu */
    background-repeat: no-repeat;
    
    background-color: #ffffff; 
}