JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container"><img src="http://placehold.it/1800x500"></div>

CSS

#container
{
    border: 1px solid red;
    width: 50%;
    height: 300px;
    overflow: hidden;
}

#container img
{
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}