body {
  width: 100%;
  height: 5000vh;
  background-color: #041a41;
  overflow-x: hidden;
}

video {
  position: fixed;
  height: max(100%, auto);
  width: max(100% auto);
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

img {
  --scale: attr(data-scroll %);
  margin: auto;
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%) scale(var(--scale));
  position: fixed;
  left: 50%;
  top: 50vh;
}

.muted {
  position: fixed;
  inset: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5333333333);
  z-index: 100;
  display: none;
  justify-content: center;
  align-items: center;
}
.muted a {
  font-size: 8em;
  color: lightgray;
  text-decoration: none;
  transition-duration: 0.5s;
}
.muted a:hover {
  color: white;
}