.hero {
  background-image: url("../img/media/seminar_09_11_2023.jpg");
  display: flex;
}

.history-text {
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  padding: 20px 20px 0;
  font-weight: 300;
}

@media (width >= 768px) {
  .history-text {
    padding: 20px 60px;
  }
}

@media (width >= 1280px) {
  .history-text {
    margin-top: 50px;
    font-size: 20px;
    line-height: 30px;
    padding: 20px 140px;
  }
}

@media (width >= 768px) {
  .photo-wrapper {
    grid-template-rows: repeat(10, 200px);
    grid-template-columns: repeat(2, 320px);
  }
}

@media (1280px<= width < 1440px) {
  .photo-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 320px);
    grid-template-rows: repeat(7, 200px);
  }
}

@media (width >= 1440px) {
  .photo-wrapper {
    grid-template-columns: repeat(4, 320px);
    grid-template-rows: repeat(5, 200px);
  }
}

@media (width < 768px) {
  .photo-image {
    width: 280px;
    height: 158px;
  }
}

@media (width >= 768px) {
  .padding-block {
    padding: 0 20px 30px;
  }
}