JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
	<img src="https://static.pexels.com/photos/408503/pexels-photo-408503.jpeg" width="5400" height="3604">
</div>

CSS

.box {
	width: 400px;
	height: 400px;
	overflow: hidden;
}
img { 
	object-fit: contain;
	object-position: center;
}