/*.video-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; 
  overflow: hidden;
}
.video-container video {
   Make video to at least 100% wide and tall 
  min-width: 100%; 
  min-height: 100%; 

   Setting width & height to auto prevents the browser from stretching or squishing the video 
  width: auto;
  height: auto;

   Center the video 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}*/
.background{
display: inline-block;
    overflow: hidden;
    width: 120px;
    height: 120px;
    /*border: 1px solid blue;
    background-color: gray;*/

}
.background video {
 object-fit: cover;
display: block; height:100%; margin-left:-20px;

 
}
.background video::-webkit-media-controls {
  display: none;
  
}


/* Could Use thise as well for Individual Controls */
.background video::-webkit-media-controls-play-button {}

.background video::-webkit-media-controls-volume-slider {}

.background video::-webkit-media-controls-mute-button {}

.background video::-webkit-media-controls-timeline {}

.background video::-webkit-media-controls-current-time-display {}