/* Контейнер для заголовка */
.header-container {
    margin: 20px 0;
    /* При необходимости можно настроить выравнивание, например, text-align: left; */
  }
  
  /* Контейнер для двух колонок */
  .two-column {
    display: flex;
    gap: 20px; /* Отступ между колонками */
  }
  
  .image-container {
    flex: 0 0 40%;
    margin-bottom: 20px; /* Отступ справа от картинки */
  }
  
  .content-container {
    flex: 0 0 60%;
  }
  
  
  /* Стили для изображения */
  .image-container img {
    width: 100%;
    height: auto; /* сохраняет пропорции изображения */
    max-height: 300px; /* ограничение по высоте для изображения */
    object-fit: cover; /* при необходимости обрезает изображение для равномерного заполнения */
  }
  
  /* Адаптивное поведение для маленьких экранов */
  @media (max-width: 768px) {
    .two-column {
      flex-direction: column;
    }
  }