JSFiddle - React, Tailwind, and code Playground

HTML

<div class="large-front-container">
<img src="https://static.pexels.com/photos/2855/landscape-mountains-nature-lake.jpg" class="large-front-thumbnail">
</div>

CSS

.large-front-thumbnail {
position: relative;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.large-front-container {
    max-height:600px;
    overflow: hidden;
}