.main-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    max-width: 1200px;
    margin: auto;
}

.content, .image-container {
    /* Desktop View */
    flex: 0 1 60%; /* Flex-grow: 0, Flex-shrink: 1, Flex-basis: 60% */
    min-height: 200px;
}

.content {
    padding: 20px;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
}

.image-container img {
    width: 100%;
    height: auto;
    display: block;
}

/* Mobile Layout */
@media (max-width: 767px) {
    .main-container {
        flex-direction: column;
    }
    
    .content, .image-container {
        /* Reset to full width on mobile */
        flex: 1 1 100%;
    }
}