.solution__content{
    background-color:var(--color-light_gray);
    /* Change col-end 4 to col-end 3 to make the text column thinner and shift it left */
    grid-column:full-start/col-end 3; 
    padding:6rem 8vw;
    display:grid;
    align-content:center;
    justify-items:start
}@media only screen and (max-width:58em){.solution__content{padding:15rem 0;grid-column:2/10;grid-row:7/6}}@media only screen and (max-width:37.5em){.solution__content{padding:15rem 0;grid-column:2/10;grid-row:7/6;align-content:center;justify-items:start}}.solution__img--1{width:100%;grid-row:1/7;grid-column:1/7}.solution__picture{
    background-color:var(--color-light_gray);
    /* Change col-start 5 to col-start 4 to make the picture column wider and start earlier */
    grid-column:col-start 4/full-end; 
    display:grid;
    grid-template-rows:repeat(6,1fr);
    grid-template-columns:repeat(6,1fr)
}@media only screen and (max-width:58em){.solution__picture{grid-column:full-start/full-end}}@media only screen and (max-width:37em){.solution__picture{grid-column:full-start/full-end}}.solution__img--2{width:-100%;grid-row:1/7;grid-column:1/7;z-index:20}.solution__img--3{width:75%;filter:drop-shadow(3px 5px 2px rgba(0, 0, 0, .4));grid-row:4/7;grid-column:1/7;z-index:20}.solution__text{font-size:1.5rem}@media only screen and (max-width:37.5em){.solution__text{font-size:2.5rem}}

/* --- New specific classes for the Core Idea section ONLY --- */

/* Content: Aggressively shifted left (full-start to column 0 is NOT standard, use col-end 3 or col-end 4) 
   NOTE: 'col-end 0' is not a standard CSS Grid feature and relies on non-standard/unpredictable behavior. 
   I will use a standard aggressive shift: full-start to col-end 3 (a 3-column span). */
.core-idea__content {
    background-color: var(--color-light_gray);
    grid-column: full-start / col-end 0; /* Standard aggressive shift for content */
    padding: 6rem 8vw;
    display: grid;
    align-content: center;
    justify-items: start;
}

/* Picture: Takes maximum remaining space (col-start 3 to full-end) */
.core-idea__picture {
    background-color: var(--color-light_gray);
    grid-column: col-start 1 / full-end; /* Starts where content ends, takes the rest */
    display: grid;
    grid-template-rows: repeat(6, 1fr);
    grid-template-columns: repeat(6, 1fr);
}

/* Fix for the internal image (.solution__img--1 is used in HTML) to prevent overflow in the large picture area. */
/* Using 100% width and spanning the internal 6x6 grid is the safest setup. */
.core-idea__picture .solution__img--1 {
    width: 100%;
    grid-row: 1 / 7;
    grid-column: 1 / 7;
}

/* If you plan to use .solution__img--2, ensure its width is 100% (or similar) to prevent overflow */
.core-idea__picture .solution__img--2{width:-130%;grid-row:1/6;grid-column:1/6;z-index:20};
}