I am having trouble making this image scale to the fit the full width for large monitor sizes. The image scales properly for all other breakpoints, but past about 3200 px, it stops scaling. I noticed this problem on wide curved monitors. Would appreciate any help here!
Here is my site Read-Only: [LINK](Webflow - Portfolio)
That image has a max-width set to a pixel value. Should be 100%.
I was playing around with changing it to px to see if that would change it, but even when it’s set to 100% it does not work, see here
Your image is not big enough to fill the space.
Wrap it with a div, set the preferred height of the div, change the image width to auto (in dimensions under the gear), set to 100% width in style, add object-fit: cover.
Alternately you could make it a background image of the new div instead of using the img element if this is decorative only.
