.content-container {
    display: flex; /* 使用 Flexbox 布局 */
}

.text, .image {
    width: 50%; /* 每个容器占据父容器的50%宽度 */
    box-sizing: border-box; /* 包含边框和填充在内的盒模型 */
    padding: 10px; /* 可根据需要调整填充 */
}

.image {
    text-align: center; /* 图片居中显示 */
}

.image img {
    max-width: 100%; /* 图片宽度不超过其容器宽度 */
    height: auto; /* 保持图片高度与宽度的比例 */
}