.image-grid {
    display: grid; /* Nastaví <container> jako CSS Grid */
    grid-template-columns: repeat(6, 1fr); /* Vytvoří 6 sloupců se stejnou šířkou */
    grid-template-rows: repeat(4, auto); /* Vytvoří 4 řádky s automatickou výškou */
    gap: 10px; /* Volitelné: Přidá mezery mezi obrázky (řádky i sloupce) */
    max-width: 80%; /* Volitelné: Nastavte maximální šířku celé mřížky (upravte podle potřeby) */
    margin: 20px auto; /* Volitelné: Vycentruje celou mřížku vodorovně na stránce */
    align-items: center;
}

.image-grid img {
    width: 180px; /* Zajistí, že obrázky se přizpůsobí šířce své buňky v gridu */
    height: 180px; /* Zachová poměr stran obrázku */
    object-fit: cover; /* Volitelné: Zajistí, že obrázek vyplní celou buňku a ořízne se, pokud je to nutné */
}