Video background alignment

Design help Layout & Design
1

Hi everyone,
I have a small but big problem for me. in my homepage gray I inserted a video in the background with some clips. However, I am unable to align the video box with the same characteristics as the gallery box.
what am I doing wrong?
the image gallery box is not aligned with the video gallery box.
Can you help me step by step to fix it?
Thank you very much!
Andrea

Here is my site Read-Only:
Webflow - centropolis design preview)

3

Here are the steps needed to fix your problem.

  1. While in the Base Break Point, In your navigator, move the video element up one layer/level.
  2. Wrap the video element in a link block (Ctr-Alt-A) and give it the class gallery_img-container just like the images are.
  3. Change the Position of the video element to Absolute and change the z-index to 1
  4. Go to the Size settings and set Max Height to 100% on all break points.
  5. Repeat the first two steps for the other video that you have in the grid.
    You should not need to do the other steps for it since both videos share the same class and changes made to their style should effect both.

Hope that helps!
God Bless!

4

Dear Gabriel,

thanks so much for the advice. I did as per your list but it doesn’t solve the problem. the video backgronh It is in a container (ctrl alt A) with classes gallery_img_container_video > a duplicate of gallery_img_container). I set absolute but now the square is blank and the video does not appear. can you help me again? thank you.
A

https://preview.webflow.com/preview/centropolisdesign-4248ef76631c13e8838ec?utm_medium=preview_link&utm_source=designer&utm_content=centropolisdesign-4248ef76631c13e8838ec&preview=5e84ae9a8b4387108a78ac5bc56a98b4&workflow=preview

5

Hi, It sounds like you did it correctly. But did you set the video to a z-index of 1?
That would bring the video forward in front of the grey background of the link block that it is in.
Hope that helps.
Have a great day!
Gabriel