.two-column-container {
    display: flex;
    flex-wrap: wrap; /* Для переноса колонок на новую строку при необходимости */
}

.image-column {
    width: 100%; /* Изображение занимает всю ширину */
    margin-bottom: 20px; /* Отступ снизу */
}

.content-column {
    width: 50%; /* Две колонки контента занимают 50% ширины */
    padding: 10px; /* Добавляем отступы внутри колонок */
    box-sizing: border-box; /*  Чтобы padding не влиял на ширину */
}

/*  Медиа-запрос для адаптивности */
@media (max-width: 768px) {
    .content-column {
        width: 100%; /* На меньших экранах контент занимает всю ширину */
    }
    .image-column {
        margin-bottom: 10px; /* Уменьшаем отступ */
    }
}