.hover-gallery {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden; /* aby obrázky nelezly ven při velkém zoomu */
    /* výšku určuje inline styl z widgetu (např. height:300px) */
  }
  
  .hover-gallery > img {
    flex: 1;
    min-width: 0;
    object-fit: cover;
    cursor: default;
    transition: 0.5s;
  }
  
  /* Po najetí na obrázek zvětšíme jeho flex */
  .hover-gallery > img:hover {
    flex: 2;
  }

  @media (max-width: 768px) {
    .hover-gallery {
      display: flex;
      flex-wrap: wrap; /* Zalomení do dalšího řádku */
      height: auto; /* Např. povol, ať výška není fixní */
    }
    .hover-gallery > img {
      flex: 0 0 50%; /* Dva obrázky vedle sebe, pokud chceš */
      transition: none; /* Vypni animaci */
    }
    .hover-gallery > img:hover {
      flex: 0 0 50%; /* Žádná změna při najetí */
    }
  }