I don't know why the first image is larger then the three after
It's not. The difference is that the first image is portrait, and the others are landscape. Using a consistent orientation of images can help avoid this problem. There are ways you can also adjust this with cropping (via css), but in this example rotating the image by 90 degrees is likely the easiest fix.