JSFiddle - React, Tailwind, and code Playground

HTML

<center>
  

<div class="gsimagewrapper">
  <input type="checkbox" id="btnControl"/>
  <label class="btn" for="btnControl">
    <img class="gsimage" src="http://anthology.vastserve.com/kimtechto-1476773165-95808.jpg">  
  </label>
</div>
  
</center>

CSS

#btnControl {
    display: none;
}

.gsimagewrapper {
  position: relative;
  width: 96vw;
  height: 96vh;
  overflow: auto;
  margin: 1vh 0px;
  padding: 0px;
  box-sizing: border-box;
}

.gsimage {
  max-width: none;
  height: auto;
}

#btnControl:checked + label > img {
    width: 100%;
    height: auto;
}