Im trying to make my images responsive by setting a max width of say 1000px and setting the width itself to 100%, then once when on mobile i set it to say 60%, but instead of scaling the entire image to 60%, it just cuts in half? Anyone else experience this?
Appreciate any help i can get.
Here is my site Read-Only: Webflow - Data Goose
If I understand correctly, you want the blog image to size down as your page sizes down, and to hide any height overflow, but keep the full width always?
To accomplish this, I usually put my image within another div that does the cropping.
On your image div, set your max and min width to 100%
And make sure your background image is centered.
Hopefully that helps, or at least points you in the right direction.
