2021-06-08 14:43:43 +00:00
|
|
|
.frame {
|
|
|
|
align-items: center;
|
2022-01-31 21:45:48 +00:00
|
|
|
aspect-ratio: var(--frame-denominator) / var(--frame-numerator);
|
2021-06-08 14:43:43 +00:00
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.frame > img,
|
2021-08-22 19:05:48 +00:00
|
|
|
.frame > video {
|
2022-01-31 21:45:48 +00:00
|
|
|
block-size: 100%;
|
|
|
|
inline-size: 100%;
|
2021-06-08 14:43:43 +00:00
|
|
|
object-fit: cover;
|
|
|
|
}
|