<!-- Need to add role="img" -->

<img src="https://assets.codepen.io/44216/codebean-new-outlines.svg" alt="Code Bean Coffee" role="img" />

<!-- <p id="zombieBug">This example works everywhere, BUT, there has been a zombie Safari bug (affecting desktop and mobile) that was fixed in 2016 that resurfaced again in 2020 and is now fixed...again: <a href="Zombie Safari bug: https://bugs.webkit.org/show_bug.cgi?id=145263">Zombie Safari bug</a>. In order to be certain the this is supported in the various states of Safari, you can add role="img" to the element.</p> -->
///
// helper css just in for codepen
//
img {
	max-height: 85vh;
	max-width: 200px;
	display: block;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.