.camp-container {
    display: flex;
    flex-direction: row; /* Side-by-side on larger screens */
}

.camp-image {
    flex: 1 1 33%; /* Takes about 1/3 of the available space */
    margin-left: 10px; /* Adds space between the text and image */
}

.camp-image img {
    width: 100%; /* Ensures the image scales within its container */
    height: auto; /* Maintains the aspect ratio */
}

.camp-text {
    flex: 1 1 66%; /* Takes about 2/3 of the available space */
    text-align: left; /* Aligns text to the left */
}

/* Media query for smaller screens */
@media (max-width: 768px) {
    .camp-container {
        flex-direction: column-reverse; /* Stacks vertically with image on top */
    }
    
    .camp-image {
        margin-left: 0; /* Removes side margin in vertical layout */
        margin-bottom: 10px; /* Adds space between image and text */
    }
}