Image moving on different screens

Design help General
1

Hello! I am creating a website for my new company and im having trouble getting images to stick on different size screens. I did some research and found someone saying to size your objects by % instead of px.

While this worked on the top image, im looking to flip my image vertically over and over to get to the bottom of my website if that makes sense. I dont want it to stay on absolute and keep the image still. I want it to scroll with me. And basically im having trouble getting the flipped image to fit right under the origional top image, without it creating gaps on different screen sizes.

2

Hi there,

To stack images vertically in Webflow, follow these settings:

  1. Create a Div block to contain your images
  2. Add your images inside the Div block
  3. For each image:
    • Set Display to “Block”
    • Set Width and Height to “100%”
    • Set Fit to “Cover”
    • Set Margin to “Auto” on both left and right sides

This approach ensures your images stack neatly on top of each other while maintaining proper spacing and responsive behavior across different screen sizes.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

1 Like
3

this worked thank you!