How to get image to float up?

[raelyn]

I have an image:

Trying to get the top of it to show up in this fixed height image in Weweb:

How to get the top of the image to show up, instead of the middle? (without cropping the image because on other screen sizes it shows up fine)

I want it like that:

[Broberto]

Hey, actually, I’m not sure whether this is possible with an image element by default. But! You can do this with a div, due to a CSS property the background posesses.

Check this out, it worked for me:

1. Create your div element, with a background set to the desired image.

2. In the same div’s custom CSS, you can add the property called background-position
   
   

This should produce a result like this for example.

All the possible combinations for this property include,

left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom

as per this resource

CSS background-position property