Cropped image

by Simon Hi

HTML

<div>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/96/Pair_of_Merops_apiaster_feeding.jpg/800px-Pair_of_Merops_apiaster_feeding.jpg">
</div>
<div>
  Lorem ipsum
</div>

CSS

body
{
  margin:2em;
  padding:0;
}
div:first-of-type
{
  max-width:100%;
  overflow:hidden;
}
img {
  display: block;
  width: 200%;
  shape-outside: polygon(16.7% 0, 83.3% 0, 83.3% 100%, 16.7% 100%);
  clip-path: polygon(16.7% 0, 83.3% 0, 83.3% 100%, 16.7% 100%);
  transform: translate(-16.7%, 0);
}