| display: inline; | display: inline; | ||||
| padding-left: var(--pad); | padding-left: var(--pad); | ||||
| } | } | ||||
| .video-container { | |||||
| display: inline-block; | |||||
| position: relative; | |||||
| height: 120px; | |||||
| width: 120px; | |||||
| .videos { | |||||
| overflow: hidden; | |||||
| resize: vertical; | |||||
| height: 150px; | |||||
| display: grid; | |||||
| grid-auto-flow: column; | |||||
| grid-template-rows: 1fr; | |||||
| } | } | ||||
| video { | video { | ||||
| background-color: black; | background-color: black; | ||||
| position: absolute; | |||||
| top: 0; | |||||
| left: 0; | |||||
| z-index: -100; | |||||
| object-fit: cover; | object-fit: cover; | ||||
| width: 100%; | |||||
| height: 100%; | height: 100%; | ||||
| width: 100%; | |||||
| } | } | ||||
| video.mirrored { | video.mirrored { | ||||
| transform: scaleX(-1); | transform: scaleX(-1); |