How to vertically alingn image with new option image "fit"

Design help General
1

When using the new option for images “fit” > “cover” the image is aligned to the top. See Screenshots. How can I adjust the image to vertically centered? Help would be very much appreciated.
(I am missing the options that exist with background images which I used up to now.)
Current page within the project: “Landsitz in der Ortenau” Section “Slideshow Desktop”

https://preview.webflow.com/preview/bernhard-frankenhauser-02?utm_medium=preview_link&utm_source=designer&utm_content=bernhard-frankenhauser-02&preview=da81645451861173584e9b5e14d7d6ea&pageId=5e1c3897a7d3a216c63d23c5&mode=preview

https://bernhard-frankenhauser-02.webflow.io/wohnraume/landsitz-in-der-ortenau

Bildschirmfoto 2020-01-13 um 11.22.33
Bildschirmfoto 2020-01-13 um 11.22.33900×463 154 KB
Bildschirmfoto 2020-01-13 um 11.22.55
Bildschirmfoto 2020-01-13 um 11.22.55900×590 701 KB

2

Add a div block that contains your image and set that div to be flex and center the image by align it to the middle vertically and horizontally. Hope this makes sense.

1 Like
3

Hi Aaron, thank you for looking into it. I tried your suggestion – but unfortunately it doesn’t work. The image is still “pinned” to the top.

4

I created a small video explaining what I mentioned earlier.

1 Like
5

Great, thank you so much! I did not set the image to 100 VW and 100 VH. That’s probably why it didn’t work.

1 Like