JSFiddle - React, Tailwind, and code Playground

HTML

<div class="responsivo">
    <p>
        <img src="http://es.testsworld.net/files/2013/05/test-de-logica-6-300x225.jpg" />
    </p>
</div>

CSS

.responsiveo {
    max-width: 1080px;
    width: 100%;
    height: auto;
}

.responsivo img {
    max-width: 1080px;
    width: 100%;
    max-height: 500px;
    height: auto;
}