Uneven image scaling in grid, when using image blocks

Morning! I’m following this tutorial.

When I used a DIV with fixed height and set a background, all images resized as I would expect but I ran into the same cropping issues that the narrator describes in the tutorial.

When I switched to image blocks, I am experiencing problems with images scaling differently.

I explain the problem in this video

Any ideas what’s going on here?

Much obliged.

Here is my link: https://preview.webflow.com/preview/yasirs-first-project-f295b7?utm_medium=preview_link&utm_source=designer&utm_content=yasirs-first-project-f295b7&preview=f7d5d4879100016c7a762e547c79546b&pageId=5eafeb0fb41a941599c3391c&mode=preview