Hey Auke,
Please see the first screenshot. Are you referring to that section?
If so, do you want it to be like this:
In that case, please enable the Marginless Columns option of the Row.
Then, add this Element CSS to each Column that holds each images.
$el {
vertical-align:bottom !important;
}
Just note that it will not look good in some narrower screen widths.
If you mean covering the whole column with the image, that is possible too by setting the image as the columns background instead of using an Image element. But, you need to understand that your image will be cropped or different parts of it will get cut off because of the difference in aspect ratio with the column.
Please take a look at the red box in the screenshots below:
As you can see, the first red box is close to a square. As the screen increase in width, it becomes a rectangle. That means that in order to have a perfectly fit image in a narrow width (usually a tablet), you need a square image. Once you have that, you can hide the desktop image using the Hide During Breakpoints feature.
Here’s a sample of what I mean. You can put a Gap element as responsive spacer for the column and use the border option to achieve your design by the way.
Hope that helps.