html {
  overflow-x: hidden;
}

body {
  margin: 0;
  overflow: hidden;
  padding: 50vh 0;
}

.page {
  pointer-events: none;
  transition: opacity 0.5s ease-in-out;
}

.page.hide {
  opacity: 0;
}

.background {
  position: relative;
}

.background svg {
  height: inherit;
  width: inherit;
}

.foreground {
  margin: 0 auto;
  position: relative;
  width: 600px;
}

.image {
  position: absolute;
}