Below is an image in a full width image module. The image shows completely

But I want to have a text on top if it, so below I used the full width header module in stead.
Problem is, it cuts of a part of the image at the top and the bottom.
I want to see the full image here.

Fullwidth Header Module

Do below I added a height value of 452px (actual picture height) to the customs CSS main element.
Didnt’t work, now it zooms in on the full image.

Fullwidth Header Module height: 452px

Then I added the height to the container elemen. But now it zooms in even more.
So my question is, how do I force the image of the full width header module to be completely displayed, just like it is in the full width image module ?

Fullwidth Header Module container height: 452px