.archives-reading-area #graph2_1 {
  position: relative;
  width: 800px;
  height: 560px;
}
.archives-reading-area #graph2_2 {
  position: relative;
  width: 800px;
  height: 1020px;
}
.archives-reading-area #graph2_4 {
  position: relative;
  width: 800px;
  height: 560px;
}
.archives-reading-area #graph3_4 {
  position: relative;
  width: 800px;
  height: 600px;
}
.archives-reading-area #graph3_5_1 {
  position: relative;
  width: 800px;
  height: 600px;
}
.archives-reading-area #graph3_5_2 {
  position: relative;
  width: 800px;
  height: 600px;
}
.archives-reading-area #graph4_3 {
  position: relative;
  width: 800px;
  height: 600px;
}
.archives-reading-area #graph5_1 {
  position: relative;
  width: 800px;
  height: 560px;
}
.archives-reading-area #graph5_8 {
  position: relative;
  width: 800px;
  height: 560px;
}
@media (max-width: 767px) {
  .graphWrapper {
    overflow-x: scroll;
    width: 100%;
  }
  .graphScrollNotification {
    display: flex;
    justify-content: center;
  }
  .graphScrollNotification::after {
    text-align: center;
    content: "←Scroll sideways to view→";
  }
}