/* Zajišťuje, že celá stránka bude mít šířku 100% a výšku 100vh (celá obrazovka) */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

/* Div pro pozadí */
.background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain; /* Zajistí, že obrázek se vejde do okna a nebude oříznut */
    background-position: center top; /* Upravíme pozici pozadí, aby se držela nahoře */
    background-repeat: no-repeat; /* Zajistí, že se obrázek nebude opakovat */
}

/* Pro desktop zobrazíme fotku pc.png */
@media (min-width: 768px) {
    .background {
        background-image: url('pc.png');
    }
}

/* Pro mobilní zařízení zobrazíme fotku mobil.png */
@media (max-width: 767px) {
    .background {
        background-image: url('mobil.png');
    }
}