:root {
  font-family: sans-serif;
  --width-percentage: calc((100vw / 2000px));
}

.wrapper {
  width: 480px;
  padding: 20px;
  margin: 0 auto;
}

body {
  background: linear-gradient(
      rgb(255 255 255 / calc(1 - var(--width-percentage))),
      rgb(255 255 255 / calc(1 - var(--width-percentage)))
    ),
    url("https://mdn.github.io/shared-assets/images/examples/colorful-heart.png")
      no-repeat top 50px right 50px;
}

p {
  line-height: 1.5;
}

/* Support information */

.support-info {
  padding: 5px;
  background-color: yellow;
  border: 1px solid black;
}