JSFiddle - React, Tailwind, and code Playground

HTML

<img src="https://www.placecage.com/c/200/300"
 onclick="cadastrarAluno()" onmouseover="aumentarImagem(this)" onmouseout="diminuirImagem(this)"/>

CSS

img{
width: 130px;
height: 100px;
margin-top: 5%;
padding: 2px;
}

JavaScript

var incremento = 50;
var heightDefault = '100px', widthDefault = '130px';
function aumentarImagem(obj) {
    console.log('Valor antes de aumentar: ' + obj.style.height);
    obj.style.width = add(obj.style.width || widthDefault, incremento);
    obj.style.height = add(obj.style.height || heightDefault, incremento);
    console.log('Valor após aumentar: ' + obj.style.height);
}

function diminuirImagem(obj) {
    console.log('Valor antes de diminuir: ' + obj.style.height);
    obj.style.width = add(obj.style.width || widthDefault, -incremento);
    obj.style.height = add(obj.style.height || heightDefault, -incremento);
    console.log('Valor após diminuir: ' + obj.style.height);
}

function add(valor, incremento) {
    var n = parseInt(valor.slice(0, -2));
    var unidade = valor.slice(-2);
    return `${n + incremento}${unidade}`;
}