Background video as collections item


I’m currently building my portfolio website, most of my works are static images, however, there are some short, looping videos(3D renders or animations). I have a collection built, which has an option for image upload and it works fine, first I thought to upload GIFs for videos, but they started getting too large and of poor quality, not to mention that webflow has 4mb gif upload limit.

I’m looking for a way to upload mp4 files together with static images into a single collection and have them all displayed seamlessly on my front page, but I can’t seem to figure out how to do that.

I know there is background video component, that allows me to put a video file anywhere I want, but it doesn’t seem to have any relation to collections(there is no field “Background video” that can be added to a collection).


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