.scene {
  position: relative;
  overflow: hidden;
  background: #000;
  font-family: system-ui, sans-serif;
}

.scene .layer,
.scene .fill {
  position: absolute;
  inset: 0;
}

/* Images and videos keep their natural size with inset alone. */
.scene .media {
  width: 100%;
  height: 100%;
}

.scene .text-box {
  position: absolute;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.scene .text {
  width: 100%;
  text-align: center;
  white-space: pre-line;
  line-height: 1.2;
  font-weight: 600;
  paint-order: stroke fill;
}