/* Adjust image dimensions */
.mission-image img {
    width: 80%; /* Set width for the mission image */
    height: auto;
    transform: rotate(0deg); /* No rotation for mission image */
    border-radius: 30px;
}

.story-image img {
    width: 70%; /* Set width for the story image */
    height: auto;
    transform: rotate(0deg); /* Rotate the story image */
    border-radius: 30px;
}

/* CSS for centering images */
.mission-image,
.story-image {
    display: flex;
    justify-content: center; /* Horizontally center the image */
    align-items: center; /* Vertically center the image */
}

/* Left Section Styles */
.mission_left-section {
    width: 100%; /* Adjust the width as needed */
    background-color: #f9f9f9; /* Light grey background */
    padding: 20px;
    border-radius: 20px;
}

.story_left-section {
    width: 100%; /* Adjust the width as needed */
    background-color: #f9f9f9; /* Light grey background */
    padding: 20px;
    border-radius: 20px;
}

/* Right Section Styles */
.mission_right-section,
.story_right-section {
    width: 100%; /* Adjust the width as needed */
    padding: 20px;
    border-radius: 20px;
}

/* Right Section Text Styles */
.mystory_text {
    padding-bottom: 10px;
}

/* Media queries for responsiveness */
@media screen and (min-width: 768px) {
    /* Adjust the layout for larger screens */
    .mission_left-section,
    .story_left-section {
        width: 50%; /* Set left section to 50% width */
        float: left; /* Float left for side-by-side layout */
    }

    .mission_right-section,
    .story_right-section {
        width: 50%; /* Set right section to 50% width */
        float: left; /* Float left for side-by-side layout */
    }

    .mission-image,
    .story-image {
        order: 2; /* Change the order of the flex items */
    }

    .mission-text,
    .story-text {
        order: 1; /* Change the order of the flex items */
    }
}

/* Media queries for smaller devices */
@media screen and (max-width: 768px) {
    h1 {
        font-size: 36px; /* Adjust font size for h1 */
    }

    h2 {
        font-size: 24px; /* Adjust font size for h2 */
    }
}