JSFiddle - React, Tailwind, and code Playground
by leonsaysHi
HTML
<div class="wrapper">
<img src="https://lh3.googleusercontent.com/aJNVPSayzAB_TTgT78MO6T8AcjGGm0YuiNvoLJHT4AbEYvuTl_mJyKrqb1Y2rZ8V4weCz1s43WRienMy8lyRMZ-HOg=s480" />
</div>
CSS
.wrapper {
height: 200px;
margin: 0 33%;
border: solid 1px red;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}