.box { width: 200px; height: 200px; } img { height: 100%; width: 100%; } .cover { object-fit: cover; } .contain { object-fit: contain; }
<div class="wrapper"> <div class="box"><img src="balloons.jpg" alt="balloons" class="cover"></div> <div class="box"><img src="balloons.jpg" alt="balloons" class="contain"></div> </div>
