Css grid 33%-66% column, fixed row height

Hello everyone
I want to make a CSS grid showing multi-images on a collection page.
I want that each image displays a landscape or portrait based on its dimension.
In the image, there is an example of the design.

Do you have any suggestions for how to achieve that?

Here is the page in read-only as I am designing right now
https://preview.webflow.com/preview/limiteazero?utm_medium=preview_link&utm_source=designer&utm_content=limiteazero&preview=a2a0a207b4ee9d1e216b130041700366&pageId=645a16b07702f1309b425c84&itemId=6464a407a0e37fdba21a5d16&workflow=preview