JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
    <img src="https://wp-themes.com/wp-content/themes/twentyeleven/images/headers/willow.jpg" />
</div>

<div class="header">
    <img src="https://wpdotorg.files.wordpress.com/2008/11/boat.jpg" />
</div>

CSS

img{
    text-align: center;
    max-width: 100%; /*Isso faz com que a imagem não saia de dentro do wrapper.*/
    height: auto;
}

.header{
    border: 3px solid red;
    max-width: 1000px;
}