Hello,
Thank you for reaching out, and we sincerely apologize for the inconvenience you’re experiencing.
The issue you are facing occurs because of how Flexbox works when using display: flex together with flex-wrap: nowrap. In this setup, Flex items are forced to stay on a single line, and the browser automatically applies flex-shrink, causing each item to shrink differently based on the available space. This results in inconsistent visual sizes, even though all your images are originally the same dimensions (500×500px).
To achieve consistent sizing, please make sure to set a fixed image height and width, so all dynamic images display uniformly. I have already set the styling on this page for your reference:
https://bisnisportal.com/event.html
You may adjust it further according to your preference, and please apply the same settings to your other pages as well.
We sincerely appreciate your patience and understanding. If you need any further assistance, feel free to let us know.