// Shared with web client and login screen * { box-sizing: border-box; } body { margin: 0; padding: 0; } .videobg { height: 100vh; overflow: hidden; position: relative; /* requires for to position video properly */ } video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; object-fit: cover; /* combined with 'absolute', works like background-size, but for DOM elements */ } .o_home_menu_background { background: url(/hfb_sga_addons/static/src/img/home-menu-bg-overlay.svg), linear-gradient(to right bottom, #77717e, #c9a8a9); background-size: cover; }