JSFiddle - React, Tailwind, and code Playground

HTML

<img id='gif' src='data:image/gif;base64,R0lGODlhIAAgAKIAACQA2wAA/0kAtm0AkpIAbf8AALYASdsAJCH5BAQKAAAALAAAAAAgACAAAAMgWLrc/jDKSau9OOvNu/9gKI5kaZ5oqq5s675wLM+0mgAAIfkEBAoAAAAsAAAAACAAIAAAAyB4utz+MMpJq7046827/2AojmRpnmiqrmzrvnAsz7SaAAAh+QQECgAAACwAAAAAIAAgAAADIGi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPtJoAACH5BAQKAAAALAAAAAAgACAAAAMgSLrc/jDKSau9OOvNu/9gKI5kaZ5oqq5s675wLM+0mgAAIfkEBAoAAAAsAAAAACAAIAAAAyA4utz+MMpJq7046827/2AojmRpnmiqrmzrvnAsz7SaAAAh+QQECgAAACwAAAAAIAAgAAADICi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPtJoAACH5BAQKAAAALAAAAAAgACAAAAMgCLrc/jDKSau9OOvNu/9gKI5kaZ5oqq5s675wLM+0mgAAIfkEBAoAAAAsAAAAACAAIAAAAyAYutz+MMpJq7046827/2AojmRpnmiqrmzrvnAsz7SaAAA7'>
<br>
<button id='button'>Click me!</button>

CSS

body { background: black; color: silver; }

JavaScript

const gif = document.getElementById('gif');
const button = document.getElementById('button');
const origsrc = gif.src;
let count = 0;
function pad4(x) {
  return (x + 'A==').substr(0, 4);
}
button.onclick = function() {
  gif.src = origsrc + pad4(count++);
}