I'm having a hell of a time getting my PNG org logo to scale correctly on all sizes. I know I'm fighting an uphill battle not having it in SVG format. The original is in SVG but it's well past the 10k character limit, Are there any CSS wizards that know how to fix this:
My current HTML code:
<img style= "max-width: 100%; width: autopx; height:6em; transform: scale(1.7); margin-top: 1em; margin-left: 2em; @media only screen and (max-width: 50px){height: 10px; width:10px}" src="assets.prod.novaquark.com/124756/7aa866dc-b9a6-4fc5-8d4f-bbe4b9526989.png" />
Image:
