Coder Wrap provides free to use snippets

			/**Typeo CSS Start**/
  @import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;0,700;0,800;1,300;1,400;1,500;1,600;1,700&display=swap');
  * {
  box-sizing: border-box;
  }
  body {
  margin: 0px;
  background-color: #fff;
  }
 	
  /**Typeo CSS End**/
  .video-full-scn, .video-full-scn * {
  --page-width: 1330px;
  --base-fm:'Rubik', sans-serif;
  --title-size:26px;
  --base-size:16px;
  --white-clr:#ffffff;
  --theme-clr:#c25b41;
  --bg-clr: #000000;
  }
  .video-full-scn {
  	width: 100%;
  	position: relative;
 		font-family: var(--base-fm);
 		display: flex;
 		flex-flow: row wrap;
 		justify-content: center;
 		align-items: center;
  }
  .video-overlay{
  	position: absolute;
  	left: 0px;
  	top: 0px;
  	width: 100%;
  	height: 100%;
  	background-color: rgba(0,0,0, 0.4);
  	z-index: 1;
  }
  .video-full-scn img {
  	width: 100%;
  	height: auto;
  	opacity: 0;
  }
  .video-full {
  	width: 100%;
  	object-fit: cover;
  	height: 100%;
  	position: absolute;
  	left: 0px;
  	top: 0px;
  }