A similar example I assume:
https://pl.wikipedia.org/w/index.php?title=Ko%C5%9Bci%C3%B3%C5%82_%C5%9Bw._Katarzyny_w_Timi%C8%99oarze&oldid=68618051
Current view with JS enhancement:

Code:

<gallery mode="packed" heights="150">
Plik:Timisoara Biserica Str. Bolyai (1).JPG|Fasada
Plik:Temesvár, Alexandriai Szent Katalin-templom belső tere 2022 01.jpg|Wnętrze
Plik:Temesvár, Alexandriai Szent Katalin-templom belső tere 2022 03.jpg|Ołtarz główny
Plik:Temesvár, Alexandriai Szent Katalin-templom belső tere 2022 07.jpg|Ołtarz [[Ukrzyżowanie Jezusa Chrystusa|Ukrzyżowania]]
Plik:Temesvár, Alexandriai Szent Katalin-templom belső tere 2022 08.jpg|Organy
</gallery>

So, as you can see from the code, the user's intention was to keep the same heights for all images, but after the changes made in JS, the height of the last image differs from the others.

A more modern approach. I think it would be a good idea to rewrite the support for these galleries as there are now better tools available that are built into browsers. The display flex is very stable and has extensive support.

I've made a proof of concept which would obviously require more extensive testing, but I think there's a chance it will just work.

Step. 1. Remove static width (or just don't add them in the 1st place):

document.querySelectorAll('.gallery.mw-gallery-packed [style]').forEach(a=>a.style.width='')

Step. 2. Disable current JS that changes widths on resize.

Step. 3. CSS.

ul.gallery.gallery.gallery.mw-gallery-packed {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	align-items: baseline;
	justify-content: center;
}
ul.mw-gallery-packed li {
/* 	flex: 1; */
}
ul.mw-gallery-packed div.thumb img {
	width: auto;
	height: 200px;	/* should be set by users */
}

This is a working version. The gallery after these changes looks like this:

Much better for my taste 🙂...

Configuration for users The only thing left now is the problem of user height control. I think the easiest way to do this is through CSS variables.

So <gallery mode="packed" heights="200"> could render as:

<ul class="gallery mw-gallery-packed" style="--gallery-height: 200px;">

And the CSS would be:

ul.gallery.gallery.gallery.mw-gallery-packed div.thumb img {
	width: auto;
	height: var(--gallery-height);
}

That just works 🙂.

Only problem is with current JS that is re-setting widths. So at the moment after each resize you will need to run this again:

document.querySelectorAll('.gallery.mw-gallery-packed [style]').forEach(a=>a.style.width='')