Why are the images in my popup all different height? CSS Issue

Question

If you visit this link and have a look at the 4 photos in the popup, you will notice they are gradually getting shorter as they go right. https://jadehomes.ca/floor-plans/?virtual-tour

I have messed around with several CSS properties, including display:, height:, and max-width:, but none of them seem to be the issue.

Any help would be great!

Answer 1

Try this.

.spu-box img {
width: 100%;
height: 100%;
object-fit: cover;
}