Show whole image on every resolution

Hello, Is there any way to ensure that the entire header image is always displayed? Now, at every screen resolution, a piece of the image is missing. I tried to solve my problem with this code: .custom-header-media img { height: 55vh! important; } .header-media-section { height: 55vh! important; } Now the image always looks relatively the same, but the bottom and top of the image are missing. https://ibb.co/RgrW702 https://ibb.co/tYSs6g8 The whole picture should look like this: https://ibb.co/7XJgHGG How to ensure that the whole image is visible on every resolution? Thank you for answer.