JSFiddle - React, Tailwind, and code Playground

by Felipe Alfaro

HTML

<div class="image">
<img class="object-fit_contain" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/14179/image.png">
</div>

<hr>

<div class="image">
<img class="object-fit_contain" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/14179/image.png">
</div>

SCSS

.object-fit_contain { object-fit: contain }



img { height: 120px; background-color: #444;}

img { 
  width: 100%;
}

.image {
  width: 40%;
}