* {
  margin: 0;
  padding: 0px;
  box-sizing: border-box;
}

.wrapper {
  display: flex;
  justify-content: flex-start;

}

.fixed-element,
.some-images {
  width: 50%;
  border-left: 10px solid transparent;
}

.fixed-element {
  /* background-image: url("gradblack.jpg"); */
  height: 100lvh;
  /* CSS Unit LVH (Large Viewport Height) */
  background-position: center;
  border-radius: 25px;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0px;
}

.scroll-element {
  height: 60vh;
  background-position: center;
  border-radius: 25px;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0px 0px 10px 0px;
}

.spacer {
  height: 5vh;
}

.spacer_half {
  height: 2.0vh;
}

/* This disables mouse events */
.disabled {
  pointer-events: none;
}