body {
background-image: url(pozadi.gif);
    font-family: Arial, sans-serif;
    text-align: center;
    margin: 0;
    padding: 0;
}

.header {
    padding: 10px;
    margin-bottom: 20px;
    text-align: center; /* Zarovnání nadpisu na střed */
}

.header img {
    max-width: 100%;
}

.gallery {
    display: flex;
    flex-direction: column;
}

.category {
    margin-bottom: 20px;
}

.category h2 {
    margin-bottom: 10px;
}

.image-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.image {
    margin: 10px;
    text-align: center;
    position: relative; /* Přidáme relativní pozici pro absolutní pozici rámečků */
}

.image img {
    max-width: 100%;
}

.image span {
    display: block;
    margin-top: 5px;
}

.image::before {
    content: "";
    position: absolute;
    top: -5px; /* Posunutí nahoru o několik pixelů */
    left: -5px; /* Posunutí doleva o několik pixelů */
    right: -5px; /* Posunutí doprava o několik pixelů */
    bottom: -5px; /* Posunutí dolů o několik pixelů */
    border: 2px solid #979797; /* Světle šedý čtverec */
    z-index: -1; /* Hloubka vrstvy pod obrázky a textem */
}