JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="container-btn__left" data-value="2">
        <button class="one">One</button>
        <button class="second">Second</button>
        <button class="third">Third</button>
    </div>
    <div class="container-btn__right" data-value="1">
        <button class="one">One</button>
        <button class="second">Second</button>
        <button class="third">Third</button>
    </div>
</div>


<img class="link" src="antuan/avto/img/first/one/b1-1.png" alt="">

CSS

.container-btn__left {
  padding: 20px;
  border: 2px solid #333;
}
.container-btn__right {
  padding: 20px;
  border: 2px solid #333;
}

.link {
  margin-top: 20px;
  font-size: 24px;
  font-family: sans-serif;
}

JavaScript

const link = document.querySelector('.link');

document.querySelector('.wrapper').onclick = event => {
  const btn = event.target.closest('button');
  
  if (btn) {
    const text = link.src.split('/');
    text[text.length - 1 - +btn.parentNode.dataset.value] = btn.className;
    
    link.src = text.join('/');
    console.log(link.src);
  }
}