Template:CreatureInfobox

CreatureInfobox

     <img src="https://i.imgur.com/QW0WKu9.png">

     <img src="https://i.imgur.com/588by4V.png">

   <button onclick="
                    var el = this.parentElement;
                    el.querySelector('.fem-creature-img').style.display='block';
                    el.querySelector('.male-creature-img').style.display='none';
                    el.querySelectorAll('.ci-gen-bttn')[0].className='ci-gen-bttn ci-gen-bttn-fem';
                    el.querySelectorAll('.ci-gen-bttn')[1].className='ci-gen-bttn';" class="ci-gen-bttn ci-gen-bttn-fem">Female</button>
   <button onclick="
                    var el = this.parentElement;
                    el.querySelector('.fem-creature-img').style.display='none';
                    el.querySelector('.male-creature-img').style.display='block';
                    el.querySelectorAll('.ci-gen-bttn')[0].className='ci-gen-bttn';
                    el.querySelectorAll('.ci-gen-bttn')[1].className='ci-gen-bttn ci-gen-bttn-male';" class="ci-gen-bttn">Male</button>