Embed Logo in HTML Simulator

I have a working Lock-Out/Tag-Out (LOTO) simulator built entirely in a single HTML file, but the brand element is still missing. My PNG logo is sitting on my local computer and I need it placed neatly in the header so every time the page loads the simulator carries my branding.

Here’s what I need from you:
• Update the HTML (and any supporting CSS, if required) so the PNG renders reliably in the header on every modern browser.
• Optimise the image for web without losing clarity.
• Return the final, ready-to-use HTML file plus the optimised PNG, and briefly note any path or code changes you made so I can maintain it later.

No design overhaul is required—just a clean, well-positioned embed that doesn’t break the existing functionality. If you can tackle this quickly, let’s get started.