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;
}

Babel + JSX

let buttons = document.querySelectorAll('.btn');


buttons.forEach((elem)=>{
	elem.addEventListener('click',()=>{
      elem.parentNode.querySelector('.picture').classList.toggle('active')
  })
})