You can try putting your img inside a div, and set the max height/width for that image. It will stay responsive when resizing, and never get larger than the size you set it to.
Let’s see if I’m understanding this correctly: You want the images to be the same height, rather than the same width? Actually it looks like you found the answer yourself?
ya but im not satisfied, i might use carousel to adapt for mobile view/low res, if i go with that flex box thing.
anyway i close my project moving to next, will keep it as it is. carousel is not working, tat also needs image resizing(+ hrs of debugging). all this is bonging my head.