.content-row {
    display: flex;
    flex-wrap: wrap;              
    align-items: flex-start;
    justify-content: flex-start;
    gap: clamp(15px, 2vw, 30px); /* Controls the exact gap between image and text */
    width: 100%;
}

.portfolio-image {
    flex: 0 0 auto;
    width: clamp(300px, 35vw, 800px); 
    height: auto;
    margin-top: 5px;                  
    margin-left: 25px;  
    margin-right: 0; /* REMOVED auto - prevents pushing text away */
    border: 3.7px solid var(--border-color);
    box-sizing: border-box;
}

.myles-body-text {
    flex: 1 1 300px; /* Allows text to take remaining space up to max-width */
    margin-top: 5px;
    margin-bottom: clamp(10px, 2vw, 20px);
    margin-left: 0;  /* REMOVED auto - snaps text right next to the image */
    margin-right: 20px;
    max-width: 900x;
    text-align: justify;
}