Background video's height is getting cropped

Design help General
1

Hi,

I want to upload a series of GIFs one below the other on a page. It should work as autoplay looping videos. Here’s how far I have come.

  1. Converted gifs into mp4 file
  2. uploaded it as background video into a section
    But the video’s height is getting cut off. I am sure this has a quick fix. Please can someone tell me what I am doing wrong?

changing the fit from fit to contain doesn’t seem to work
see the preview below.

https://preview.webflow.com/preview/beem-3d5912?utm_medium=preview_link&utm_source=designer&utm_content=beem-3d5912&preview=d357b58911e6d08de1d142cfc8739a27&pageId=60c9eb22358ad44d841df207&workflow=preview

thanks,
Nandita

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

2

Just set a fixed height for the video