JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://people.iola.dk/olau/flot/jquery.flot.js"></script>
<script src="http://people.iola.dk/olau/flot/jquery.flot.stack.js"></script>
<div id="home">
  
        <div id="leftBlock">
  <div class="YourPic"><img src=""/></div>
    </div>
<div id="rightBlock">
    <img class="image" src="http://dummyimage.com/160x160/000/fff&text=image+1" width=160/>
        <img class="image" src="http://dummyimage.com/160x160/000/fff&text=image+2" width=160 />
            <img class="image" src="http://dummyimage.com/160x160/000/fff&text=image+3" width=160/>
</div>
    </div>

CSS

#rightBlock {
    float: right;
    position: fixed;
    height: auto;
    width: 160px;
    top: 0;
    right: 0;
}
#leftBlock{
    
     position: fixed;
}

JavaScript

$('body').on('click', '.image', function(e) {
  $('.YourPic').children('img').attr('src', $(e.target).attr('src'));
 });