Trouble with making individual size images within a grid

hello all

im fairly new to web flow and somewhat understand how it functions,
im really struggling to get a particular outcome especially by utilizing grids but its a nightmare and I can get the images sizes I want within the grids and not sure what the problem is.

im trying to create a cms collection linked image within the homepage of the website, but it seems to when it looks ok in the designer in the preview all the dive blocks and grids seem to stretch in propionate, it’s

been days I’ve been trying to sort this out.

I’ve attached the desired outcome and I would appreciate if you could guide on how I can go about applying this and what is the best methodology for this outcome.
Here is my site Read-Only: [LINK][1]


([how to share your site Read-Only link][2])

thank you and I look forward to your guidance on how I can go about this problem.