JSFiddle - React, Tailwind, and code Playground

HTML

<div class="gallery">
	<div class="thumbs">
		<a href="#" class="thumb"><img src="http://lorempixel.com/200/150/nature/1/" data-big="http://lorempixel.com/400/300/nature/1/" data-id="1" /></a>
		<a href="#" class="thumb"><img src="http://lorempixel.com/200/150/nature/2/" data-big="http://lorempixel.com/400/300/nature/2/" data-id="2" /></a>
		<a href="#" class="thumb"><img src="http://lorempixel.com/200/150/nature/3/" data-big="http://lorempixel.com/400/300/nature/3/" data-id="3" /></a>
		<a href="#" class="thumb"><img src="http://lorempixel.com/200/150/nature/4/" data-big="http://lorempixel.com/400/300/nature/4/" data-id="4" /></a>
		<a href="#" class="thumb"><img src="http://lorempixel.com/200/150/nature/5/" data-big="http://lorempixel.com/400/300/nature/5/" data-id="5" /></a>
	</div>
	<div class="images">
    	<a class="big-image" href="http://lorempixel.com/600/500/nature/1/" id="1">
    		<img src="http://lorempixel.com/400/300/nature/1/" />
    	</a>
    	<a class="big-image" href="http://lorempixel.com/600/500/nature/2/" id="2">
    		<img src="http://lorempixel.com/400/300/nature/2/" />
    	</a>
    	<a class="big-image" href="http://lorempixel.com/600/500/nature/3/" id="3">
    		<img src="http://lorempixel.com/400/300/nature/3/" />
    	</a>
    	<a class="big-image active" href="http://lorempixel.com/600/500/nature/4/" id="4">
    		<img src="http://lorempixel.com/400/300/nature/4/" />
    	</a>
        <a class="big-image" href="http://lorempixel.com/600/500/nature/5/" id="5">
            <img src="http://lorempixel.com/400/300/nature/5/" />
        </a>
    </div>
</div>

CSS

.thumbs {
  width: 260px;
  background:red;
  text-align:center;
  float:left;
}
.images {
  width: 440px;
  height: 340px;
  float: left;
  text-align:center;
  background: blue;
  margin-left: 20px;
  position:relative;
}
.big-image {
  position:absolute;
  left: 20px;
  top: 20px;
  z-index:1;
}
.big-image.active {
  z-index: 2;
}

JavaScript

var thumb = $('.thumb'),
    image = $('.big-image');

thumb.click(function() {
    thumb_id = +$('img', this).data('id');
    image.removeClass('active').eq(--thumb_id).addClass('active');
  
    return false;
})