html {
  height: 250px;
  width: 100%;
}

div#demo1 {
  overflow-x: hidden;
}

div#demo2 {
  overflow-x: hidden;
}

.demos {
  display: flex;
  gap: 0px;
  padding: 0px;
}

.demos .demo, .demos .demo canvas {
  width: 100%;
  height: 250px;
}

.demos .demo h2 {
  margin-top: 10px;
}

@media screen and (max-width:480px) {
  .demos .demo {
    width: 100%;
  }

  .demos {
    flex-direction: column;
  }

}