:root {
  --mouse-x: 0px;
  --mouse-y: 0px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
body {
  background-color: #d9d1cd;
  overflow: hidden;
}

#text {
  position: absolute;
  top: 350px;
  left: 1027px;
}

#bgcontainer {
  background-image: url("img/index-banner.png");
  background-repeat: no-repeat;
  background-size: 90%;
  background-attachment: fixed;
  /* width: 100%;
	height: 100%; */
  width: 1920px;
  height: 1080px;
  transform: translate(
    calc(calc(var(--mouse-x) / 3.5 * -1) + 20px),
    calc(calc(var(--mouse-y) / 2.5 * -1) + 20px)
  );
}