JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <article>
   <img src="http://placehold.it/150x100" class="picture">
   <button class="btn">11</button>
  </article>
  <article>
    <img src="http://placehold.it/150x100" class="picture">
    <button class="btn">11</button>
  </article>
  <article>
    <img src="http://placehold.it/150x100" class="picture">
    <button class="btn">11</button>
  </article>
</div>

CSS

.active {
  border: 5px solid red;
}

JavaScript

var buttons = document.querySelector('.btn');
var pictures = document.querySelector('.picture');


buttons.addEventListener('click', function () {
    if(pictures.classList.contains('active')) {
      pictures.classList.toggle('active', false);
    } else {
     pictures.classList.toggle('active', true);
    }
    });