JSFiddle - React, Tailwind, and code Playground

HTML

<div id="img_wrapper">
  <img src="https://i.ibb.co/zJvjmKs/icon.png" id="img_testing">
</div>

CSS

#img_wrapper{
  resize: both;
  overflow: hidden;
  background-color:gray;
  height:15rem;
  width:15rem;
  
  min-height:15rem;
  min-width:15rem;
  user-select:none;
  
}

#img_testing{
    display:block;
    
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    
    width:70%;

}