Issue with the logo

[PeopleInside]

Hi, with Live Helper Chat I had always issue with the logo in the widget where, if the logo in not of a secret default size, is not adapted to be well showed.

Recently I upgraded from LHC 4.16 to 4.17 and my CSS for fix the logo issue is no working any-more.
I'm trying to find a new CSS code for fix the logo issue but I'm currently unable to find.

I discover just that in the developer console the following CSS create issue:

.d-flex {
	display: flex !important;
}

If I disable this or convert into block the issue is resolved but I'm unable to find how to apply this CSS code as every custom CSS code i Put is rewritten by this rule in the core set as important

Any help?
Thank you!

[PeopleInside]

Removing this CSS will case issue when chat is accepted, I need find another CSS solution to resize the bad logo showed in the chat widget.

With 4.16 I was using

/*FIX logo widget*/

.operator-info img {
/*width: 100% !important;*/
pointer-events: none;
width: auto !important;
max-width: none !important;
}

Now seems this code never work anymore and I have the logo issue

[PeopleInside]

Should be fixed with:

/*FIX logo widget*/

.operator-info img {
	/* width: 100% !important; */
	pointer-events: none;
	width: 100% !important;
	max-width: none !important;
	height: auto;
	max-height: 50px;
}