Struggling with responsive image behaviour

I’m sure this is super basic - in fact I think I know how to do it… it just isn’t working.

I’m trying to use an image on one section of my page, such that at smaller browser widths, it covers the furthest right part of the image, but the size of the image remains the same. I thought you could use fit-cover for this, but I can’t get it to work. Tried for hours looking online and trying all sorts of combinations on setting widths and heights etc, but no joy.

Approx look I am aiming for:

Uploaded image I am using:
image

I’m pretty new to Webflow and web development in general btw!


Here is my site Read-Only: https://preview.webflow.com/preview/jaysons-blank-site-84ea24?utm_medium=preview_link&utm_source=designer&utm_content=jaysons-blank-site-84ea24&preview=e101cd22746c003c19e90aa11f5cacb5&mode=preview