JSFiddle - React, Tailwind, and code Playground

HTML

<div class="w">
  <img src='https://www.google.com.au/logos/doodles/2017/131st-anniversary-of-the-hole-puncher-5763551741345792-s.png'>
  </div>

CSS

.w{
  display: flex;
  background: black;
  height: 400px;
  width: 400px;
}

.w img{ 
max-height: 100%;
max-width: 100%;
  
}