JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="images">
<img src="https://picsum.photos/200/300/?random" />
<img src="https://picsum.photos/200/300/?random" />
<img src="https://picsum.photos/200/300/?random" />
<img src="https://picsum.photos/200/300/?random" />
</div>

SCSS

.images {
  img {
    border: 2px solid transparent;
    padding: 5px;
    width: 20%;
    
    &.active {
      border-color: red;
    }
  }
}

JavaScript

$('.images img').on('click', function() {
	$('.images img').removeClass('active');
	$(this).addClass('active');
});