Image Scaling / Cropping

When I use a large photo for the background of a header section at the top of the page, is there a way to have it not crop from the top when scaling for larger screens? It keeps cutting people’s heads off.

Here are examples:

https://midway-isd.webflow.io/education-foundation

Here is my read only link - Webflow - Midway ISD

Thanks


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi @icanCreate

You can move the image around in the background image settings. Or you’ll have to crop the image in a photo editor.

What do you mean by “move around?”

Here is a screenshot of the image settings.

Thanks

Here is an example where the header image does not scale and cut off heads. How did they do that? Thanks

Admissions - Freshman | Admissions (tamu.edu)

You can set the point of origin on a “cover” property by clicking the three little dots and chose the top center point to make the image crop from the bottom.

You can also remove the absolute positioning as shown in you screen grab.

Thank you so much! This is exactly what I was looking for.