body {
      margin: 0;
      padding: 0;
    }
  .obrazek {
    position: relative;
    margin: 0 auto; /* centrování na PC */
        max-width: 600px;        /* na PC nikdy širší než 600px */
    margin-left: 0;       /* zarovná vlevo */
  }

  .obrazek img {
    width: 100%;
    height: auto;
    display: block;

  }

  .popisek {
    position: absolute;
    top: 10px;
    left: 10px;
    color: white;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 3px black;
  }

  /* Na mobilech se obrázek vždy roztáhne na celou šířku */
  @media (max-width: 768px) {
    .obrazek img {
      max-width: 100%; /* povolí roztáhnutí na celou obrazovku */
            margin: 0;         /* odstraníme centrování → bude od kraje do kraje */
    }
    .popisek {
      font-size: 16px;       /* menší text, aby nepřekážel */
    }
  }

.wiki-content img { 
  float: left; 
  margin-right: 10px; 
  width: 100px; 
  height: auto; 
}
.wiki-extract::after { content: ""; display: block; clear: both; }


.wiki-content {
  display: flex;       /* nadpis + obsah v řádku */
  align-items: flex-start;
  gap: 5px;            /* mezera mezi nadpisem a textem */
  flex-wrap: wrap;      /* pokud obsah přeteče, zalomí se */
}
.wiki-content::after { content: ""; display: block; clear: both; }
.wiki-flex {
  display: flex;
  align-items: flex-start; /* vertikální zarovnání */
  gap: 5px; /* mezera mezi nadpisem a obsahem, můžeš změnit na 0 */
}
.wiki-block {

  margin-bottom: 20px; /* oddělení bloků pod sebou */
}

  iframe {
  width: 100%;       /* iframe se roztáhne na celou šířku rodiče */
  max-width: 480px;  /* ale nikdy nebude širší než 600px */

}