JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <img src="http://placekitten.com/g/408/287" />
    </li>
</ul>

CSS

ul {
    position: relative;
    
    /* height 0 and padding top to maintain aspect ratio when resized */
    height: 0;
    padding: 75% 0 0;
}

li {
    height: 100%;
    width: 100%;
    
    /* background to demonstrate how far the layout works on Samsungs */
    background: #eee;
    
    /* absolute positioning to account for height: 0 */
    position: absolute;
    top: 0;
    left: 0;
}

img {
    height: 100%;
    width: auto;
}