JSFiddle - React, Tailwind, and code Playground

HTML

<div class="largeur1">
    <img src="http://www.google.fr/images/srpr/logo11w.png" />
</div>
<div class="largeur2">
    <img src="http://www.google.fr/images/srpr/logo11w.png" />
</div>
<div class="largeur3">
    <img src="http://www.google.fr/images/srpr/logo11w.png" />
</div>

CSS

div { position: relative; height: 190px; overflow: hidden; border: solid 1px red; }
img { position: absolute; left: 50%; margin-left: -269px; }
.largeur1 { width: 80%; }
.largeur2 { width: 50%; }
.largeur3 { width: 30%; }