@@ -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); |