JSFiddle - React, Tailwind, and code Playground

HTML

<button class="button1" onclick="this.classList.toggle('selected')">
  <img src="https://upload.wikimedia.org/wikipedia/commons/9/95/Dunkleosteus_BW.jpg" alt="">
  <img src="https://upload.wikimedia.org/wikipedia/commons/7/7f/Leedsi%26Liopl_DB.jpg" alt="">
</button>

CSS

.button1:not(.selected) img:first-child {
  display: none;
}

.button1.selected img:last-child {
  display: none;
}