Question about height of featured image

Hi! On various pages, we're using a "featured image" which automatically appears in the page header (under the navigation menu). We would like to make the height of the section, where the feature image appears, taller to match the height of the selected image. Here is an example: https://www.birthandbeauty.com/what-is-birth-photography/ At the top of that page, the featured image is cropped. We would like to extend the height of the area where the image appears to be taller, to match the actual height of that image. I experimented with the CSS a bit and came up with a solution, but I don't think that's the correct approach. What's the best way to deal with this? Thanks in advance!