JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <img src="http://lorempixel.com/400/200" width="400" height="200">
  <p><a class="toggle-overflow" href="javascript:">Toggle overflow hidden/visible</a>
  </p>
</div>

CSS

div.container {
  width: 50%;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden;
  background: #999;
}
img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: block;
}
/* testing: */
div.container.overflow {
    overflow: visible;
}

JavaScript

$(document).ready(function () {
    $('a.toggle-overflow').click(function () {
        $('div.container').toggleClass('overflow');
    });
})