Image displaying at different sizes at different breakpoints

I am new to web design and trying to learn Elements. For a standard navigation element I have created in the dropzone, using a flex with 3 columns. The first is an image. The second and third are text (each in separatae containers.

When I move through the various breakpoints the size of the image changes. I would like it to remain the same size throughout.

Also in the largest breakpoint for the third column of text the text wraps.

This is how the navigation element should look in all breakpoints other than the first:

and this is how it looks in the largest:

For the first breakpoint the 3rd column should wrap, which displays correctly:

macOS 15.3.1/Elements 0.6.5. I have uploaded the project to here.

I am sure it is my not understanding all the controls available. Any help gratefully received.