JSFiddle - React, Tailwind, and code Playground

HTML

<div class="selection-item-wrapper">
    <div class="selection-item"> <a href="javascript:void(0);"><img src="img/image1.png"></a>

         <h3>Item 1</h3>

    </div>
    <div class="selection-item"> <a href="javascript:void(0);"><img src="img/image2.png"></a>

         <h3>Item 2</h3>

    </div>
    <div class="selection-item"> <a href="javascript:void(0);"><img src="img/image3.png"></a>

         <h3>Item 3</h3>

    </div>
</div>

CSS

.active
{
background-color: red; 
    
}

JavaScript

$('.selection-item').click(function(){
 $('.selection-item').removeClass('active');
    $(this).addClass('active');
});