Hi. Try this

.logo-image {
    height: auto !important;
    width: 200px;
}

Set width value as you like

@Karen
If Pavel's code does not work completely, then it could be due to max-width, which is defined by helix ultimate.
So you can also go beyond the limits of the flex box with the width of the image.
What surprises me, in Helix Ultimate 2.0.11 images default to "height:auto;" which should result in a correct display.

helix ultimate template.css

img {
    display: block;
    max-width: 100%;
    height: auto;
}

The code would then look like this.

.logo-image {
    width: 402px;
    height: auto !important;
    max-width: initial;
}

Hi there,

Thanks for contacting us. Sorry for the inconvenience. If you don't mind would you please share your site URL to check the issue?

-Thanks

Thank you @Jens and @Pavel,

That worked. And the additional CSS that Jens provided provided more control, too.

Cheers,

Karen