body {
  margin: 0;
  background: black;
}

section {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-image img,
.end-image img {
  width: 100%;
  height: auto;
  display:block;
}

/* Sticky section */
.sequence-section {
  width: 100%;
  height: 5000px; 
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start; 
}

#sequenceCanvas {
  position: sticky;
  top: 0;
  width: 1000px;
  height: 1000px;
  background: #111;
}