| padding-left: var(--pad); | padding-left: var(--pad); | ||||
| } | } | ||||
| .video-container { | .video-container { | ||||
| float: left; | |||||
| display: inline-block; | |||||
| position: relative; | |||||
| height: 120px; | |||||
| width: 120px; | |||||
| } | } | ||||
| video { | video { | ||||
| width: 120px; | |||||
| background-color: black; | background-color: black; | ||||
| position: absolute; | |||||
| top: 0; | |||||
| left: 0; | |||||
| z-index: -100; | |||||
| object-fit: cover; | |||||
| width: 100%; | |||||
| height: 100%; | |||||
| } | } | ||||
| video.mirrored { | video.mirrored { | ||||
| transform: scaleX(-1); | transform: scaleX(-1); |