Is there a way for an image to behave in a similar way as a background image? As in croping the image depending on viewport but keeping full height?
I have a full screen slider and I like the way the background image resizes depending on desktop screen size. Tablet is allright as well. Phone is a different story, but I think I know what to do.
If I remove the background image and insert an image into the slide, it resizes the whole picture and the height does not cover the whole of the slider. Or if the height is 100% then the width shrinks… And that’s only for desktop view…
Trying to do this for a few days but can’t figure out how…
In Webflow, try to give the container overflow hidden then select the image, add a class and try higher values in % in width and max-width (same value for all try 200%). Also add max-height 100% and play with displacement. I couldn’t find a rule where any kind of image fill the div.