.image-content2 {
  flex: 1 0 auto; /* Flexibilná šírka, prispôsobí sa obsahu */
  height: 350px; /* Pevná výška obrázka */
  margin: 10px;
  border: 1px solid #ccc; /* Rámik okolo obrázka */
  border-radius: 10px; /* Zaoblené rohy */
  overflow: hidden; /* Skryje časti obrázku, ktoré by mohli vyčnievať */
  position: relative; /* Umožňuje relatívne pozicionovanie obsahu */
  box-shadow: 0 5px 8px rgba(0,0,0,0.1); /* Jemný tieň pre estetický efekt */
}

.image-content2 img {
  width: 100%; /* Šírka obrázka sa prispôsobuje kontajneru */
  height: 100%; /* Výška obrázka sa prispôsobuje kontajneru */
  object-fit: cover; /* Obrázok pokryje celú plochu bez deformácie */
  min-width: 100%; /* Zabezpečí, že obrázok bude aspoň široký ako kontajner */
  min-height: 100%; /* Zabezpečí, že obrázok bude aspoň vysoký ako kontajner */
}

@media (max-width: 1110px) {
  .container.content-section {
    flex-direction: column; /* Zmení rozloženie na vertikálne zalomenie */
  }
  .image-content2, .text-content {
    flex: 1 0 100%; /* Oba elementy zaberajú plnú šírku */
  }
}