html,
body {
  margin: 0;
  padding: 0;
}
.graphic-view-page {
  width: 100%;
  min-height: 100vh;
}
.graphic-view-page * {
  box-sizing: border-box;
}
.graphic-view-page .graphic-section {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
}
.graphic-view-page .graphic-section img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  image-rendering: -webkit-optimize-contrast;
  /* Safari */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: bicubic;
  /* IE */
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .graphic-view-page .graphic-section img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
  }
}
@media screen and (max-width: 1024px) {
  .graphic-view-page .graphic-section {
    padding: 0;
  }
  .graphic-view-page .graphic-section img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .graphic-view-page .graphic-section {
    padding: 0;
  }
  .graphic-view-page .graphic-section img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 480px) {
  .graphic-view-page .graphic-section {
    padding: 0;
  }
  .graphic-view-page .graphic-section img {
    width: 100%;
  }
}
@media screen and (max-width: 320px) {
  .graphic-view-page .graphic-section {
    padding: 0;
  }
  .graphic-view-page .graphic-section img {
    width: 100%;
  }
}