| @@ -50,21 +50,19 @@ body { | |||
| display: inline; | |||
| 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 { | |||
| background-color: black; | |||
| position: absolute; | |||
| top: 0; | |||
| left: 0; | |||
| z-index: -100; | |||
| object-fit: cover; | |||
| width: 100%; | |||
| height: 100%; | |||
| width: 100%; | |||
| } | |||
| video.mirrored { | |||
| transform: scaleX(-1); | |||