JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
  <img src="http://scisoc.org.au/wp-content/uploads/2010/07/cute-cat-wallpaper-1400x1050.png" width="1400" height="1050" />
</div>

<p>No overflow:</p>
<img src="http://scisoc.org.au/wp-content/uploads/2010/07/cute-cat-wallpaper-1400x1050.png" width="1400" height="1050" />

CSS

#container {
  /* Making crop dimensions bigger so I can see the edge of the cat to know it's working correctly */
  width: 600px;
  height: 500px;
  overflow: hidden;
}

#container:after { clear: right;
    display: block;
    height: 0;
    visibility: hidden;
    content: ' '; }

#container img {
  float: right;
}