.gallery {
  display: grid;
  gap: 40px;
  max-width: 80%;
  margin: 0 auto;
  justify-items: center;
  padding-top: 222px;
  padding-bottom: 100px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(5, auto);
  /* az bude vic nez 9 */
  /* grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, auto); */
}

.gallery img {
    width: 100%;
    height: auto;
    display: block;
}
.archiv-box {
  border: 1px dotted lightgray;
  text-align: center;
  color: #000;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}
.archiv-box_tsoukernik {
  background-image: url(/images/leon-hrac/hrac_SVGcka_pozadi.svg);
}
.archiv-box_bejsovec {
  background-image: url(/images/bejsovec/pozadi_bejsovec.jpg);
}
.archiv-box_ungrad {
  background-image: url(/images/ungrad/gocar_-01.svg);
}
.archiv-box_MA2010-2019 {
  background-image: url(/images/MA2010-2019/1_hlavní\ banner_MA10-19.jpg);
}
.archiv-box_maixner {
  background-image: url(/images/maixner/X_krivky.svg), url(/images/maixner/pozadi_cele.jpg);
}
.archiv-box_broz {
  background-image: url(/images/broz/uvodni_1920x1080.jpg);
}
.archiv-box_richter {
  background-image: url(/images/richter/intro.jpg);
}
.archiv-box_MA2000-2009 {
  background-image: url(/images/MA2000-2009/Eva-orez.jpg);
}
.archiv-box_MA1990-1999 {
  background-image: url(/images/MA1990-1999/Petr_Nikl_W6B9973-lg.jpg);
}
.archiv-box__content {
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: inset 5px 5px 10px rgba(255, 255, 255, 0.1); 
  border-radius: 25px;
  margin: 40px;
}
.archiv-box h4 {
  font-size: 20px;
  margin: 5px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 1px;
}
.archiv-box p {
  font-size: 16px;
}
p.archiv-box__date {
  font-size: 14px;
  margin-top: 10px;
}
@media (max-width: 767px) {
    .gallery {
        grid-template-columns: 1fr;
        /* grid-template-columns: repeat(3, 1fr); */
        grid-template-rows: repeat(5, auto);
        gap: 20px;
  }
}