how to override width allowed for logo in Helix predefined header

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;
}

Thank you @Jens and @Pavel,

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

Cheers,

Karen