Column / image to overlap previous content section

Hello,

For one of my clients I am creating a landing page (see link below). I used a blank page with several color sections. The 2nd color section has 2 columns (1/3 and 2/3). My clients wants the image of the first column to be placed higher, more or less with the vertical center where color section one goes over in color section two. See image that indicates what we need to achieve.

When I use a custom top and bottom margin one the first column, also column two is being placed higher, although I set the columns to individual height. This mixes up the whole page.

What can I do to place only the first column (or the image) higher and not the second column?

Thanks in advance for your help!

Regards,
Monique

• This topic was modified 6 years, 5 months ago by Monique. Reason: added image how it should look