How to keep element centered while using jQuery UI resizable?

As you can see from the code below, the first "img" element is not centered because it uses jQuery UI resizable.

Code: [https://stackoverflow.com/questions/73546649/how-to-keep-element-centered-while-using-jquery-ui-resizable](https://stackoverflow.com/questions/73546649/how-to-keep-element-centered-while-using-jquery-ui-resizable)